Part 2

Cartes (Cards)

Cartes avec effet glassmorphism pour les fonctionnalités et les blogs.

Les cartes sont l’élément constitutif fondamental du système de design en verre (glass design).

Variantes

Nous prenons en charge plusieurs styles de cartes via la propriété (prop) variant.

VarianteDescriptionStyle Visuel
glassVerre dépoli standardFlou + Bordure
solidArrière-plan opaqueContraste élevé
outlineBordure uniquementMinimaliste

Exemples en Direct

Carte en Verre (Glass)

Effet verre dépoli standard avec un flou et une bordure subtile.

Carte Pleine (Solid)

Arrière-plan opaque pour un contraste élevé.

Carte Contour (Outline)

Style minimaliste uniquement avec une bordure.

Utilisation du Code

<Card variant="glass" className="p-6">
<h3>Carte en Verre (Glass Card)</h3>
<p>Ceci crée un bel effet de profondeur.</p>
</Card>