Design system

The design system provided by @duplojs/form/vueDesignSystem groups ready-to-use components for building consistent forms quickly.

It includes:

• buttons;
• text, number, file, date, and time inputs;
• select, radio, checkbox, and range components;
• helpers intended for the default grid templates.

This design system relies on explicit CSS variables, which makes it possible to retheme it without rewriting the components.

For detailed documentation on each component and its CSS variables, see also the designSystem API.