Seletores e Controles
Componentes que permitem selecionar estados ou opções dentro do sistema.
Checkbox
Descrição:
Um componente usado para selecionar uma ou várias opções independentes.
Estados Disponíveis:
Default (Padrão): Não marcado, indica o estado inicial.
Checked (Marcado): O usuário selecionou a opção.
Tamanhos Disponíveis:
Small (Pequeno)
Medium (Médio)
Transição:
Tempo: 400 ms
Easing: Ease In/Out
Radio Button
Descrição:
Permite selecionar uma única opção entre várias disponíveis.
Estados Disponíveis:
Default (Padrão): Não selecionado.
Checked (Selecionado): O usuário escolheu esta opção.
Tamanhos Disponíveis:
Medium (Médio)
Transição:
Tempo: 400 ms
Easing: Ease In/Out
Toggles (Switch)
Descrição:
Alterna entre dois estados, geralmente usado para ativar/desativar funcionalidades.
Estados Disponíveis:
Off (Desligado)
On (Ligado)
Tamanhos Disponíveis:
Small (Pequeno)
Medium (Médio)
Large (Grande)
Transição:
Tempo: 400 ms
Easing: Ease In/Out
Slider
Componentes interativos para ajustar valores dentro de um intervalo.
Tipos de Slider:
Simples: Para selecionar um único valor.
Intervalo (Range): Para definir um intervalo entre dois valores.
Estados Disponíveis:
Default (Padrão): Slider ativo.
Transição:
Tempo: 400 ms
Easing: Ease In/Out
Tags
Indicadores visuais para mostrar status, categorias ou atributos.
Estados Disponíveis:
Default (Padrão): Estado inicial.
Hover: Quando o mouse passa sobre a tag.
Focus: Quando a tag está em foco.
Disabled: Não interativa.
Tamanhos Disponíveis:
Medium (Médio)
Transição:
Tempo: 400 ms
Easing: Ease In/Out