Docs

• Primeiros Passos

  Adicione seu primeiro componente Rocketicons a um projeto TypeScript

• Fluxos para Agentes

  Ofereça aos agentes de código um fluxo determinístico do Rocketicons, fácil de conferir

• Por que Escolher Rocketicons

  Compare Rocketicons com pacotes completos de ícones usando fatos arquiteturais claros

• Guias Rápidos por Framework

  Use componentes locais do Rocketicons com React, Next.js, Vite, Expo e React Native

• Arquivos Gerados

  Entenda, revise e versione os componentes que Rocketicons adiciona ao projeto

• Guias

  Fluxos práticos do Rocketicons para frameworks, migrações, arquivos gerados e agentes de código

• Migrando para Rocketicons

  Troque imports de pacotes por componentes locais selecionados, com segurança e aos poucos

• Adicionando Ícones

  Encontre, adicione, importe e confira componentes locais do Rocketicons

• Cores

  Implementando cores em sua aplicação

• Modo Escuro

  Habilitando o modo escuro em sua aplicação

• Design Responsivo

  Implementando design responsivo em sua aplicação

• Atalhos

  Uso dos atalhos

• Dimensionando Ícones

  Definindo o tamanho de um ícone

• Hover, Focus e Outros Estados

  Implementando cores e estados em sua aplicação

• Estilização

  Use os utilitários do Tailwind na estilização da aparência do ícone

• Usando os ícones

  Você ficará maravilhado com o poder do Rocketicons e todas as possibilidades que o Tailwind traz para seus ícones.