Card
Контейнер-карточка с шапкой, действием, содержимым и подвалом.
Живой код — редактируйте
<Card className="w-full max-w-sm"> <CardHeader> <CardTitle>Заявки за неделю</CardTitle> <CardDescription>Обновлено 5 минут назад</CardDescription> <CardAction> <Button size="icon-sm" variant="ghost" aria-label="Обновить"> <RefreshLineIcon /> </Button> </CardAction> </CardHeader> <CardContent> <p className="text-30-semibold">128</p> </CardContent> <CardFooter className="border-t"> <Button variant="outline" size="sm"> Открыть список </Button> </CardFooter> </Card>
Части
Card · CardHeader · CardTitle · CardDescription · CardAction · CardContent · CardFooter — все
принимают атрибуты div и className.