API designSystem

Cette section documente les composants fournis par @duplojs/form/vueDesignSystem.

L'objectif est double :

• décrire les composants et helpers exportés ;
• lister clairement les variables CSS exposées pour construire un thème sans casser les composants.

Structure de la section

• Tokens et thème
• Boutons
• Inputs texte et nombre
• Select et radio
• Checkbox
• Date
• Heure
• Range
• Fichier
• Helpers de templates

Principe de personnalisation

Le design system repose sur deux niveaux :

• des tokens globaux déclarés dans :root ;
• des variables locales propres à chaque composant, généralement préfixées par le nom du composant.

En pratique :

• si vous voulez changer toute l'identité visuelle, surchargez les tokens globaux ;
• si vous voulez ajuster un composant précis, surchargez ses variables locales.