This is the custom UI Library built in NextJS and TailwindCSS The documentation of this UI Library is supported by Storybook
Getting Started
Install Dependencies
npm i
#or
yarn add
#or
pnpm i #recommended
Run the storybook server:
npm storybook
# or
yarn storybook
# or
pnpm storybook
Open http://localhost:6006 with your browser to see the result.
You can start adding components by writing .tsx files in the src/components/ directory.
To enable storybook support for the newly written components, you will have to add a respective .stories.tsx file for your component.
A simple example for a button has been done. Use that as a reference to add more components to the library!
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- TailwindCSS Documentation - learn more about TailwindCSS classes and styles
- Storybook Documentation - learn more about Storybook and defining stories for components and pages.
