inatorsui

Inatores ui

Inators UI es una biblioteca de UI basada en la interfaz de usuario de Shadcn, diseñada para simplificar el desarrollo de interfaces de usuario elegantes y receptivas en los proyectos Next.js 14.

Instalación

Instale y configure la interfaz de usuario shadcn.

Crear proyecto

Comience creando un nuevo proyecto Next.js usando CREATE-NEXT-APP:

npx create-next-app@latest my-app

Ejecutar el cli

Ejecute el comando shadcn ui init para configurar su proyecto:

npx shadcn-ui@latest init

Uso de la interfaz de usuario de inatores

Instale y configure los componentes de UI Shadcn.

Instalar componentes

Comience por instalar un nuevo componente utilizando comandos desde el menú desplegable de la página de componentes:

npx shadcn-ui@latest add button dropdown-menu

Copiar código de la página de componentes

Cree un archivo nuevo con su editor de código, por ejemplo, ButtonOptions.tsx , en su carpeta de componentes y copie el código desde la página de Componentes.

Importar componente creado para usarlo

Agregue el componente para usar ButtonOptions.tsx :

Código de ejemplo

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