Showcase index
Start
Actions
Forms
Navigation
Authentication
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
The ten-intent matrix per variant, the three sizes, the button with an icon and the button that is a link.
/componentes/rotulos
Labels
Chip, badge and pill: three lookalikes answering different questions - one is clicked, two only state.
/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/formularios
Forms
Three whole compositions - contact, address and a filter bar - carrying the decisions loose fields never show: columns, grouping, validation and where the actions sit.
/componentes/navegacao
Navigation
Collapses, accordion, tree and dropdown menu: all on native elements, with keyboard for free.
/componentes/navbars
Navbars
Four mastheads for the four kinds of site the group builds: shop, course, help desk and landing page. All of them live on this page.
/componentes/rodapes
Footers
The five footers that go with the five bars. What changes between them is their LENGTH, and that is a decision.
/componentes/sidebars
Sidebars
Three lookalike rails that are not interchangeable: an application menu, the index of a long page, and a listing filter.
/componentes/seletores
Switchers
Theme, language, currency and the appearance gear: the small menus that change the site rather than navigate it. Two of them are fed by the API.
/componentes/auth-modais
Account modals
Sign in, sign up, recover and change the password, and the locked session: five dialogs over the same forms the pages wear.
/componentes/auth-paginas
Account pages
The same four routines as real routes, with no masthead and in two shapes: the centred card and the split with artwork over 60% of the screen.
/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.
/componentes/calendario
Calendar
The agenda in its four views - month, week, day and list -, the rail’s small month and the drawer that creates an entry. No new dependency: the theme’s own tokens.
For AI agents
This page’s specification
A Markdown file with this family’s tags, props, events and snippets, copyable verbatim, plus the rules that apply before any line of code. Hand it to the agent along with the task.
/agents/overview.md