API designSystem

This section documents the components provided by @duplojs/form/vueDesignSystem.

It has two goals:

• describe the exported components and helpers;
• clearly list the CSS variables exposed to build a theme without breaking the components.

Section structure

• Tokens and theme
• Buttons
• Text and number inputs
• Select and radio
• Checkbox
• Date
• Time
• Range
• File
• Template helpers

Customization principle

The design system relies on two levels:

• global tokens declared in :root;
• local variables specific to each component, usually prefixed with the component name.

In practice:

• if you want to change the whole visual identity, override the global tokens;
• if you want to adjust a specific component, override its local variables.