SurgeUI Design System
Bibliothèque de composants Vue.js 3 avec Composition API, conçue pour créer des interfaces modernes et cohérentes.
📖 Documentation et exemples
- Documentation complète - Guide d'utilisation et API des composants
- Storybook - Exemples interactifs et tests des composants
- npm Package
✨ Fonctionnalités
- 🎨 Design moderne - Composants avec un design soigné et professionnel
- 🔧 TypeScript - Support complet de TypeScript pour une meilleure expérience développeur
- 🎯 Composition API - Utilise la Composition API de Vue 3
- 📱 Responsive - Composants adaptés à tous les écrans
- 🌙 Mode sombre - Support natif du mode sombre
- 🔄 RTL & LTR – Support natif des directions de texte droite-gauche et gauche-droite
- ♿ Accessibilité – Conçu pour être accessible à tous, conforme aux bonnes pratiques
- ⚡ Performance - Optimisé pour les meilleures performances
♿ Accessibilité
Tous les composants sont conformes aux normes WCAG 2.1 AA:
- Gestion du focus - Indicateurs de focus clairs et ordre de tabulation logique
- Navigation au clavier - Prise en charge complète du clavier
- Lecteurs d’écran - Attributs ARIA et annonces appropriés
- Contraste des couleurs - Rapports de contraste conformes aux normes WCAG AA (4,5:1 minimum)
- Zones tactiles - Zones tactiles de 44 px minimum
- Mouvements réduits - Respect de
prefers-reduced-motion - Contraste élevé - Prise en charge de
prefers-contrast: high - Prise en charge RTL - Prise en charge des langues s’écrivant de droite à gauche
🚀 Installation rapide
bash
npm install @surgeui/ds-vuevue
<script setup>
import { SuButton } from '@surgeui/ds-vue'
import '@surgeui/ds-vue/style.css'
</script>
<template>
<SuButton variant="primary">
Mon premier bouton
</SuButton>
</template>