Showcase index
Actions
Forms
Feedback
Content
The template's components
Every block below demonstrates the real component it labels, over the same brand tokens. Swap the palette in main.css and everything here follows.
/componentes/botoes
Buttons and labels
The matrix of ten intents per variant, across the four families: button, chip, badge and pill.
/componentes/navegacao
Navigation
Collapses, accordion, tree and dropdown menu: all on native elements, with keyboard for free.
/componentes/campos
Fields
Text inputs, groups with addons, selects, the searchable select and the four validation states.
/componentes/opcoes
Options
Togglers, checkboxes, radios, card options and the slider.
/componentes/feedback
Feedback
Alerts in eight tones, native modals and the two ways of saying something is on its way.
/componentes/conteudo
Content
Avatars, file upload with a gallery, tables and lists.
/componentes/dados
Data and media
The four surfaces that bring a dependency: chart, map, carousel and editor. They sit together on purpose, because seeing the weight in one place is what makes the choice visible.