Switch Button - Toggle

Com TypeScript o/

🧪 Veja a demonstração aqui

🚀 Começando

• É só dar um fork no repo e usar ♡

📋 Pré-requisitos

• Instalar styled-components

yarn add styled-components

🔧 Como implementar

Parâmetros

  // Não obrigatório
  disabled?: boolean; // default false
  variant: 'vertical' | 'horizontal'; // default horizontal
  isActive: boolean; // default false
  onClick?: () => void;

<SwitchButton
  variant="vertical"
  isActive={valueState}
  disabled
  onClick={() => stateHook((old) => !old)}
/>

🔧 Alterar cores

• Acessar arquivo styles.ts
  • linha 17 e 18 é responsável pela cor do fundo do botão inativo
  • linha 43 e 44 é responsável pela cor do círculo inativo
  • linha 56 e 57 é responsável pela cor do círculo ativo
  • linha 59 e 60 é responsável pela cor do fundo do botão ativo

✒️ Suporte

• Wesley Souza - Full Stack Dev - iwsouza