Composants

Le SurgeUI Design System propose une bibliothèque de composants Vue 3 organisés selon le principe d'Atomic Design. Chaque composant est accessible, thématisable et conçu pour fonctionner avec les 5 thèmes intégrés (light, dark, ocean, forest, sunset).

Principes

• Accessibilité - Rôles ARIA, navigation clavier, support lecteurs d'écran et contraste WCAG AA
• Thèmes - Tokens CSS sémantiques (--su-*) pour une adaptation automatique à chaque thème
• Composition - Des atomes aux organismes, les composants se combinent pour créer des interfaces riches
• TypeScript - Props typées avec interfaces explicites et auto-complétion

Explorer par catégorie

Affichage - 15 composants

Titres, images, avatars, badges, modales, onglets, accordéons, indicateurs de progression. Voir tous les composants d'affichage →

Actions - 8 composants

Boutons, liens, toggles, menus déroulants, bouton flottant. Voir tous les composants d'actions →

Formulaires - 11 composants

Champs de saisie, sélecteurs, interrupteurs, upload de fichiers, validation. Voir tous les composants de formulaire →

Mise en page - 9 composants

Une colonne, barre latérale, écran partagé, Holy Grail, magazine, grille, masonry, hero, plein écran. Mobile first, selon la largeur du conteneur. Voir tous les layouts →