Variantes

Parece que você está enfrentando dificuldades para criar variantes funcionais de checkboxes, rádios e switches em seu Design System. Vou tentar ajudar a esclarecer o processo para você.

A criação de variantes funcionais desses componentes envolve o uso de estados e propriedades para alternar entre as diferentes opções. Vamos abordar cada componente separadamente:

Checkbox:

Certifique-se de ter uma propriedade que indique o estado do checkbox, como checked ou selected. Crie as variantes para o estado ON (marcado) e OFF (desmarcado) do checkbox. Use eventos ou funções para alterar o valor da propriedade checked quando o usuário interagir com o componente. Rádio:

Assim como o checkbox, você precisa de uma propriedade que indique qual opção está selecionada. Crie variantes para cada opção de rádio e defina qual delas está selecionada inicialmente. Ao interagir com uma opção de rádio, atualize o valor da propriedade selecionada para refletir a escolha do usuário. Switch:

O switch também requer uma propriedade que represente seu estado ligado/desligado, como on ou enabled. Crie variantes para os estados ON (ligado) e OFF (desligado) do switch. Utilize eventos ou funções para alternar o valor da propriedade on quando o usuário interagir com o switch. Certifique-se de que as variantes estejam devidamente conectadas às propriedades corretas e que as interações dos usuários estejam refletindo as mudanças de estado apropriadas nos componentes.

Além disso, verifique se não há conflitos entre as variantes, como ter propriedades com valores idênticos em diferentes variantes. Se houver conflitos, ajuste os valores das propriedades para resolver essas inconsistências.

Espero que essas orientações ajudem você a criar variantes funcionais para checkboxes, rádios e switches em seu Design System. Se você tiver algum código específico ou mais detalhes sobre o problema que está enfrentando, ficarei feliz em ajudar ainda mais.