SurgeUIDesign System Vue 3

Composants accessibles, thématisables et performants pour vos interfaces modernes.

♿

Accessibilité WCAG AA

Navigation clavier, rôles ARIA, lecteurs d'écran, contrastes 4.5:1, zones tactiles 44px et support du mode contraste élevé.

🎨

5 thèmes intégrés

Light, Dark, Ocean, Forest et Sunset. Tokens CSS sémantiques (--su-*) pour une adaptation automatique.

🔧

TypeScript natif

Props typées, interfaces explicites, auto-complétion et sécurité de type à travers toute la bibliothèque.

⚡

Composition API

Construit sur Vue 3 avec script setup, defineModel, defineEmits et composables réutilisables.

📱

Responsive & RTL

Composants adaptés à tous les écrans avec support natif des directions gauche-droite et droite-gauche.

🧩

34+ composants

Des atomes (Button, Input, Badge) aux organismes (Dialog, Tabs, Accordion), organisés en Atomic Design.

Installation

bash

npm install @surgeui/ds-vue

vue

<script setup>
import { SuButton } from '@surgeui/ds-vue'
import '@surgeui/ds-vue/style.css'
</script>

<template>
  <SuButton variant="primary">Mon premier bouton</SuButton>
</template>

Explorer les composants