Design System v1.0.0-beta.4
Um design system CSS white-label com 300+ tokens, 19 componentes, suporte multi-tema e acessibilidade WCAG 2.2. A white-label CSS design system with 300+ tokens, 19 components, multi-theme support, and WCAG 2.2 accessibility.
Início Rápido Quick Start
Inclua a stylesheet no seu HTML para obter todos os componentes, tokens e temas: Include the stylesheet in your HTML to get every component, token, and theme:
<link rel="stylesheet" href="css/design-system.css">Modo Escuro Dark Mode
Ative o modo escuro definindo o atributo data-mode no elemento raiz:
Enable dark mode by setting the data-mode attribute on the root element:
<html data-mode="dark">O modo claro é o padrão. Todos os tokens semânticos são remapeados automaticamente quando o modo muda. Light mode is the default. All semantic tokens automatically remap when the mode changes.
Componentes Components
19 componentes prontos para produção. Clique em qualquer card para ver a documentação. 19 production-ready components. Click any card to view its documentation.