Speedcube Master Design System
Tokens, composants et patterns utilises dans Speedcube Master V2. Chaque element est documente avec des previews live et du code copiable.
7
Foundations
29
Components
9
Patterns
Foundations
Components
Button
Bouton d'action principal
Card
Conteneur de contenu avec entete et footer
Badge
Label de statut ou categorie
Input
Champ de saisie texte
Textarea
Champ de saisie multi-lignes
Select
Menu de selection deroulant
Switch
Toggle on/off
Checkbox
Case a cocher
Radio Group
Groupe de boutons radio
Dialog
Fenetre modale
Alert Dialog
Dialogue de confirmation
Sheet
Panneau lateral coulissant
Dropdown Menu
Menu contextuel deroulant
Tabs
Navigation par onglets
Accordion
Sections collapsibles
Table
Tableau de donnees
Progress
Barre de progression
Avatar
Image de profil utilisateur
Separator
Separateur horizontal ou vertical
Skeleton
Placeholder de chargement
Tooltip
Infobulle au survol
Scroll Area
Zone de defilement personnalisee
Alert
Banniere d'alerte informative
Form
Composants de formulaire avec validation
Label
Label de champ de formulaire
Animated Card
Carte avec effet hover anime
Status Indicator
Indicateur de statut colore
User Badge
Badge utilisateur avec avatar
Sonner
Notifications toast
Patterns
Layout
Structures de mise en page
Dark Mode
Implementation du theme sombre/clair
Forms
Patterns de formulaires avec validation
Data Loading
Patterns de chargement de donnees
Navigation
Patterns de navigation
Cards
Patterns de disposition de cartes
Animations
Patterns d'animations et transitions
Accessibility
Bonnes pratiques d'accessibilite
Responsive
Patterns de design responsive