inatorsui

Inverse UI

L'interface utilisateur Inators est une bibliothèque d'interface utilisateur basée sur l'interface utilisateur Shadcn, conçue pour simplifier le développement d'interfaces utilisateur élégantes et réactives dans les projets suivants.js 14.

Installation

Installez et configurez l'interface utilisateur Shadcn.

Créer un projet

Commencez par créer un nouveau projet Next.js à l'aide de Create-Next-App:

npx create-next-app@latest my-app

Courir la CLI

Exécutez la commande shadcn ui init pour configurer votre projet:

npx shadcn-ui@latest init

Inverse ui Utilisation

Installez et configurez les composants de l'interface utilisateur Shadcn.

Installer des composants

Commencez par installer un nouveau composant en utilisant des commandes à partir de la page de composants Dropdown-Menu:

npx shadcn-ui@latest add button dropdown-menu

Copier le code de la page des composants

Créez un nouveau fichier à l'aide de votre éditeur de code, par exemple, ButtonOptions.tsx , dans votre dossier Components et copiez le code à partir de la page des composants.

Importer le composant créé pour l'utiliser

Ajoutez le composant pour utiliser ButtonOptions.tsx :

Exemple de code

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