Artefact UI

Blog

Documentação

About

Playground

Aparência

ClaroEscuroSistema

Paleta de coresCinza

Azul

Verde

Vermelho

Laranja

Roxo

Ciano

Âmbar

Editar

Menu

Blog

Documentação

About

Playground

Aparência

ClaroEscuroSistema

Paleta de coresCinza

Azul

Verde

Vermelho

Laranja

Roxo

Ciano

Âmbar

Editar

Introdução Primeiros Passos Arquitetura Hidratação Construtor de Páginas CMS Estilo e Temas

AbsoluteCenter Centralização Absoluta Fieldset Conjunto de Campos Grid Grade Group Grupo Layout Splitter Divisor Stack Pilha

Code Código Heading Cabeçalho Text Texto

Anchor Link Breadcrumb Trilha de Navegação Tabs Abas

Alert Alerta Badge Emblema Loader Carregador Progress Progresso Skeleton Esqueleto Spinner Indicador de Carregamento Toast Notificação

Avatar Card Carousel Carrossel Icon Ícone PaginatedTable Tabela Paginada Pagination Paginação Table Tabela

Button Botão Checkbox Caixa de Seleção Clipboard Área de Transferência ColorPicker Seletor de Cores Combobox Caixa de Combinação DatePicker Seletor de Data Editable Texto Editável Field Campo de Formulário FileUpload Upload de Arquivos PinField Campo de Código RadioCardGroup Grupo de Cartões de Rádio RadioGroup Grupo de Rádio RatingGroup Search Busca SegmentGroup Grupo Segmentado Select Seletor Slider Controle Deslizante Switch Interruptor TagsField Campo de Tags Textarea Área de Texto ToggleGroup Grupo de Alternância

Collapsible Painel Recolhível Dialog Diálogo Drawer Painel Lateral Dropdown Menu Suspenso HoverCard Cartão Flutuante Popover Janela Flutuante Tooltip Dica

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Introdução Primeiros Passos Arquitetura Hidratação Construtor de Páginas CMS Estilo e Temas

AbsoluteCenter Centralização Absoluta Fieldset Conjunto de Campos Grid Grade Group Grupo Layout Splitter Divisor Stack Pilha

Code Código Heading Cabeçalho Text Texto

Anchor Link Breadcrumb Trilha de Navegação Tabs Abas

Alert Alerta Badge Emblema Loader Carregador Progress Progresso Skeleton Esqueleto Spinner Indicador de Carregamento Toast Notificação

Avatar Card Carousel Carrossel Icon Ícone PaginatedTable Tabela Paginada Pagination Paginação Table Tabela

Button Botão Checkbox Caixa de Seleção Clipboard Área de Transferência ColorPicker Seletor de Cores Combobox Caixa de Combinação DatePicker Seletor de Data Editable Texto Editável Field Campo de Formulário FileUpload Upload de Arquivos PinField Campo de Código RadioCardGroup Grupo de Cartões de Rádio RadioGroup Grupo de Rádio RatingGroup Search Busca SegmentGroup Grupo Segmentado Select Seletor Slider Controle Deslizante Switch Interruptor TagsField Campo de Tags Textarea Área de Texto ToggleGroup Grupo de Alternância

Collapsible Painel Recolhível Dialog Diálogo Drawer Painel Lateral Dropdown Menu Suspenso HoverCard Cartão Flutuante Popover Janela Flutuante Tooltip Dica

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Migrate components to new tokens - Docs - Artefact

Migrate components to new tokens

Roll the new token set out across every recipe.

Anterior

Tooltip Dica

Próximo

Audit existing design tokens