Readme.md

Switches são controles usados para alternar rapidamente entre dois estados possíveis. São usados ​​apenas para ações binárias que ocorrem imediatamente após o usuário “girar” o botão de alternância. São comumente usados ​​para interruptores “liga/desliga”.

Switch padrão

<Switch label="Label" />

Switch padrão com ID explícito

<Switch id="switch-0" label="Label"  />

Switch usando estado

const [valor, setValor] = React.useState();

<Switch label="Label" value={valor} onChange={(event) => setValor(event.currentTarget.value)}/>

Desabilitado

<Switch label="Label" disabled />

Densidade baixa

<Switch label="Pequeno" density="small" />

Densidade média

<Switch label="Médio" density="medium" />

Densidade alta

<Switch label="Grande" density="large" />

Com rótulo (Ligado/Desligado)

<Switch label="Grande" enabledText="Ligado" disabledText="Desligado" />

Switch com label em cima

<Switch label="Label" labelPosition="top" />

Switch com label à direita

<Switch label="Label" labelPosition="right" />

Switch com ícone

<Switch label="Label" showIcon />