b.connect

Design System V3

Base canonique Vue 3 pour construire les interfaces produit b.connect.

Vue 3Tokens CSSVitePressStorybook

Démarrage Dev Vue (5 min) ​

Quickstart
Intégrer le DS dans une app Vue
Objectif: avoir les styles, composants et règles d'usage alignés en moins de 5 minutes.
Étape 1
Installer le package DS
Voir aussi Vue3 Mapping.
cd /chemin/de/ton-app
npm install /chemin/machine/travail/DS4/vue3-bootstrap
Étape 2
Importer les 4 CSS globaux
Dans src/main.ts.
import '.../ds-v3-tokens.css'
import '.../ds-v3-core.css'
import '.../ds-v3-utilities.css'
import '.../ds-v3-density.css'
Étape 3
Coder avec les composants canoniques
Voir aussi Composants et Patterns.
import { BcButton, BcInput, BcStepperH } from '@bc/components'
Règle d'équipe
Pas de correction inline spécifique page métier. Si un besoin manque, on fait évoluer le composant DS.

Règle de lecture (dev) ​

Pour implémenter rapidement:

  1. Commencer par Composants pour la brique de base.
  2. Passer sur Patterns pour le cas d'usage complet.
  3. Vérifier Référence technique si besoin de statut/mapping.