Componente de seleção de trilhas

[LeandraOS]

Sua requisição de feature é relacionada a um problema? Por favor descreva.
Implementação de card para a seleção de trilhas.

Descreva a solução que você gostaria

• É necessário que seja implementado o componente de forma responsiva.
• Quando a opção estiver selecionada, ela deve estar com a cor verde mostrada abaixo.
• Os nomes das trilhas devem ser recebidos de forma genérica, via prop.

Descreva alternativas que você considerou

Contexto adicional

• Link para o design no Figma
• Criar branch a partir da branch develop
• Estamos usando styled-components
• Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.jsx (temos o componente de Exemplo no repositório que mostra bem 😄

[NicolasLopes7]

oiee, posso pegar essa issue..uma dúvida! Para customizar as opções desse jeito teria que recriar algo como um select por que a tag option por padrão só permite a customização de poucas propriedades CSS.

com isso dito, poderíamos recriar o componente usando css e é isso, porém a parte de acessibilidade não ficaria boa! além de não ter leitura de tela, não tem navegação de teclado e tal..bem ruim. temos intenção de usar alguma lib para componentes? nada muito opinativo, mas componentes primitivos..alguns exemplos:

• Reakit
• Radix

@LeandraOS ^

[LeandraOS]

Ooie @NicolasLopes7 tais com assign nessa issue! 🚀
Realmente, olha, no geral eu pessoalmente sempre utilizo a antd. Mas as que você pontuou são super interessantes, então podes ficar a vontade para escolher uma de sua preferência, será super legal conhecer uma lib nova e usar posteriormente em outros componentes. Mas se possível, seria legal a gente conversar melhor sobre qual a melhor lib a ser utilizada.