Começando

AsterUI é uma biblioteca de componentes React construída sobre DaisyUI e Tailwind CSS v4. Ela fornece componentes acessíveis e lindamente estilizados com suporte integrado a temas.

Início Rápido

1. Crie um novo projeto

   Crie um novo projeto AsterUI executando o seguinte comando no seu terminal:

   npm

   npm create asterui@latest

   pnpm

   pnpm create asterui@latest

   yarn

   yarn create asterui@latest

   Siga as instruções para nomear seu projeto e selecionar um template.

2. Inicie o servidor de desenvolvimento

   Navegue até o diretório do seu projeto e inicie o servidor de desenvolvimento:

   npm

   cd my-asterui-app
   npm run dev

   pnpm

   cd my-asterui-app
   pnpm dev

   yarn

   cd my-asterui-app
   yarn dev

   Você verá uma mensagem de confirmação no seu terminal com um link para a visualização local.

3. Comece a construir

   Abra o projeto no seu editor e comece a usar os componentes AsterUI:

   src/App.tsx

   import { Button, Space } from 'asterui'
   
   function App() {
     return (
       <Space>
         <Button>Default</Button>
         <Button color="primary">Primary</Button>
         <Button color="secondary">Secondary</Button>
       </Space>
     )
   }

Dica

AsterUI é construído sobre DaisyUI que fornece mais de 30 temas prontos para uso. Experimente mudar os temas adicionando data-theme="dark" ou data-theme="cupcake" ao seu elemento HTML.

Próximos Passos

• Adicionar a um projeto existente: Siga o guia de Configuração Manual para adicionar AsterUI a um projeto React existente.

Solução de Problemas

Se você encontrar problemas, verifique o seguinte:

• Certifique-se de ter Node.js 18 ou superior instalado
• Certifique-se de que Tailwind CSS v4 e DaisyUI v5 estejam configurados corretamente
• Verifique se o seu arquivo CSS inclui as diretivas necessárias

Para mais ajuda, visite o repositório no GitHub.