Switch
O Switch, também chamado muitas vezes de Toggle, é um componente do tipo checkbox. Ele permite apenas a seleção boolean, podendo carregar um valor específico. Contudo, sua utilização geralmente é um pouco diferente de um checkbox comum. Esse componente não é normalmente usado em formulários e costuma ser utilizado para ativação/desativação de funcionalidades ou propriedades de um perfil.
Playground
Propriedades
Nome (* = obrigatório) | Tipo | Valores | Descrição |
|---|---|---|---|
label | string |
| O texto explicativo do switch. Ele não é obrigatório, mas sem ele, deve-se fornecer um aria-label ou aria-labelledby para permitir a acessibilidade de recursos especiais não-visuais. |
checked | boolean |
| Se fornecido (como Fornecer essa prop também causa com que a propriedade |
defaultChecked | boolean |
| Quando |
disabled | boolean |
| Quando |
name | string |
| Se fornecido, será passado ao input para permitir o funcionamento com formulários. |
value | any |
| Se fornecido, será passado ao input para permitir o funcionamento com formulários e permitir a captura do valor através do seu |
id | string |
| Quando não é fornecido, o componente funciona normalmente. Se fornecido, os subcomponentes recebem propriedades ARIA auxiliares como |
customProps | { input?: ComponentPropsWithRef<'input'>; } |
| Adiciona propriedades específicas para elementos filhos. |
Métodos
Nome (* = obrigatório) | Tipo | Descrição |
|---|---|---|
onChange | function | Função chamada quando o componente é ativado.
|