Importe o ícone do pacote rocketicons
Posicione o componente onde você precisar
Eles podem ser alterados ou criados conforme sua necessidade. Utilitários Tailwind como tamanho, altura e largura também estão disponíveis.
Use para escolher as cores dos ícones. Veja a documentação de cores do Tailwind para saber mais.
Ícones oulined
podem ter a largura da linha personalizada
Utilitários podem ser combinados alterando o tamanho e a cor do ícone ao mesmo tempo. Use no formato icon-{cor}-{tamanho}
.
Usando Tailwind (e NativeWind no React-native), a variante de modo escuro pode ser utilizada para definir uma aparência diferente quando esse modo estiver ativado.
O suporte na web e total, porém NativeWind tem algumas limitações, descritas na documentação oficial. Saiba mais sobre estados.
As animações do Tailwind funcionam com os ícones. Você pode criar suas próprias animações.
Além do utilitários icons-*
, você tem disponível tudo o que o Tailwind oferece,
permitindo que você chegue a praticamente qualquer resultado.