Card
Conteneur avec ombre douce et bordure subtile. Compose de sous-composants : CardHeader, CardTitle, CardDescription, CardContent et CardFooter.
Preview
Session en cours
Votre session de speedcubing est active depuis 15 minutes.
Solves12
Ao514.23
Ao1215.07
Carte minimale
Seul CardContent est obligatoire. Les autres sous-composants sont optionnels.
Une carte minimale avec uniquement du contenu, sans header ni footer.
Props
Card
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Classes CSS additionnelles. Le composant applique rounded-xl, border, bg-card/95 et une ombre douce par defaut. |
Sous-composants
| Prop | Type | Default | Description |
|---|---|---|---|
| CardHeader | HTMLDivElement | — | Conteneur pour le titre et la description. Padding p-4 sm:p-6. |
| CardTitle | HTMLHeadingElement (h3) | — | Titre de la carte. text-2xl font-semibold. |
| CardDescription | HTMLParagraphElement | — | Description sous le titre. text-sm text-muted-foreground. |
| CardContent | HTMLDivElement | — | Zone de contenu principal. Padding p-4 sm:p-6. Le padding-top est supprime sauf si c'est le premier enfant (carte minimale sans header). |
| CardFooter | HTMLDivElement | — | Pied de carte avec flex items-center. Padding p-4 sm:p-6, sans padding-top. |