inatorsui
1.0.0
Inators UIは、shadcn UIに基づくUIライブラリであり、next.js 14プロジェクトでスタイリッシュでレスポンシブなユーザーインターフェイスの開発を簡素化するように設計されています。
ShadCn UIをインストールして構成します。
create-next-appを使用して、新しいnext.jsプロジェクトを作成することから始めます。
npx create-next-app@latest my-appShadCn UI initコマンドを実行して、プロジェクトをセットアップします。
npx shadcn-ui@latest initShadCn UIコンポーネントをインストールして構成します。
コンポーネントページドロップダウンメニューのコマンドを使用して、新しいコンポーネントをインストールすることから始めます。
npx shadcn-ui@latest add button dropdown-menuButtonOptions.tsxフォルダーで、コードエディターなどを使用して新しいファイルを作成し、コンポーネントページからコードをコピーします。
ButtonOptions.tsxを使用するには、コンポーネントを追加します。
import ButtonOptions from "@/components/ButtonOptions" ;
// Your component usage code here
