inatorsui

Inators ui

A interface do usuário da Inators é uma biblioteca de interface do usuário baseada na interface do shadcn, projetada para simplificar o desenvolvimento de interfaces de usuário elegantes e responsivas nos projetos Next.JS 14.

Instalação

Instale e configure a interface do shadcn.

Criar projeto

Comece criando um novo projeto Next.js usando Create-Next-App:

npx create-next-app@latest my-app

Execute a CLI

Execute o comando shadcn ui init para configurar seu projeto:

npx shadcn-ui@latest init

Inators Ui Ui

Instale e configure os componentes da interface do shadcn.

Instalar componentes

Comece instalando um novo componente usando comandos da página de componentes suspensos de página: Menu:

npx shadcn-ui@latest add button dropdown-menu

Copie o código da página de componentes

Crie um novo arquivo usando seu editor de código, por exemplo, ButtonOptions.tsx , na pasta Components e copie o código da página Componentes.

Importar componente criado para usá -lo

Adicione o componente para usar ButtonOptions.tsx :

Código de exemplo

 import ButtonOptions from "@/components/ButtonOptions" ;
// Your component usage code here