inatorsui

Inators UI

Пользовательский интерфейс Inators - это библиотека пользовательского интерфейса, основанная на пользовательском интерфейсе Shadcn, предназначенной для упрощения разработки стильных и отзывчивых пользовательских интерфейсов в Next.js 14 Projects.

Установка

Установите и настройте пользовательский интерфейс shadcn.

Создать проект

Начните с создания нового проекта Next.js с помощью Create-Next-App:

npx create-next-app@latest my-app

Запустить CLI

Запустите команду init init shadcn, чтобы настроить свой проект:

npx shadcn-ui@latest init

Использование пользовательского интерфейса inators

Установите и настройте компоненты пользовательского интерфейса Shadcn.

Установите компоненты

Начните с установки нового компонента, используя команды из раскрывающейся меню страницы компонентов:

npx shadcn-ui@latest add button dropdown-menu

Копировать код со страницы компонентов

Создайте новый файл, используя ваш редактор кода, например, ButtonOptions.tsx , в папке компонентов и копируйте код на странице компонентов.

Импорт созданный компонент для его использования

Добавьте компонент, чтобы использовать ButtonOptions.tsx :

Пример кода

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