Skip to content

dansalahi/nextjs-storybook-ant-design

Repository files navigation

Next.js Button Components

This is a Next.js project showcasing the implementation of button components using two different styling methods:

  1. Tailwind CSS: Buttons styled using Tailwind CSS.
  2. Styled Components: Buttons styled using Styled Components.

Getting Started

First, clone the repository and navigate to the project directory:

git clone <repository_url>
cd <project_directory>

Install the dependencies:

npm install
# or
yarn install

Running the Storybook Server

npm run storybook
# or
yarn storybook

Button Components

Tailwind CSS Button

The Tailwind CSS button component is located at components/AppTailwindButton.tsx. It showcases how to create buttons using Tailwind CSS classes.

Styled Components Button

The Styled Components button component is located at components/AppStyledButton.tsx. It demonstrates how to style buttons using Styled Components in a React application.