Component Library Documentation

Welcome to our component library! This guide will help you set up a new Next.js project and integrate our components. Our library is designed for modern React apps, offering flexibility, accessibility, and theming out of the box.

Initialize a Next.js Project

If you haven't created a Next.js app yet, start with the following command:

npx create-next-app@latest

Recommended Setup Options:

• ✔ Project Name: my-app (your wish)
• ✔ TypeScript: Yes
• ✔ ESLint: Yes (optional but recommended)
• ✔ Tailwind CSS: Yes
• ✘ `src/` directory: (it's your choise)
• ✔ App Router (recommended): Yes
• ✘ Import alias: optional, based on your preference

Start Your Project

cd my-app
npm run dev

Now you can visit the http://localhost:3000 (on any browser) for your project rendering.

Install the Component Library

npm install @satyampratibhan/zento-ui

Once installed, you're ready to start using components in your project.