inatorsui

Inators UI

Inator UI는 Shadcn UI를 기반으로 한 UI 라이브러리로, Next.js 14 프로젝트에서 세련되고 반응이 좋은 사용자 인터페이스의 개발을 단순화하도록 설계되었습니다.

설치

Shadcn UI를 설치하고 구성하십시오.

프로젝트를 만듭니다

create-next-app을 사용하여 새로운 Next.js 프로젝트를 만들어 시작하십시오.

npx create-next-app@latest my-app

CLI를 실행하십시오

Shadcn UI Init 명령을 실행하여 프로젝트를 설정하십시오.

npx shadcn-ui@latest init

Inator UI 사용

Shadcn UI 구성 요소를 설치하고 구성하십시오.

구성 요소를 설치하십시오

구성 요소 페이지에서 명령을 사용하여 새 구성 요소를 설치하여 시작하십시오.

npx shadcn-ui@latest add button dropdown-menu

구성 요소에서 코드를 복사하십시오

구성 요소 폴더에서 코드 편집기 (예 : ButtonOptions.tsx 를 사용하여 새 파일을 작성하고 구성 요소 페이지에서 코드를 복사하십시오.

생성 된 구성 요소를 사용할 수 있도록 가져옵니다

ButtonOptions.tsx 사용할 구성 요소를 추가하십시오.

예제 코드

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