Skip to content

[FEATURE] Add Storybook for Component Playground #192

@Vibhasha-5

Description

@Vibhasha-5

Problem / Motivation

Currently, contributors cannot preview or test individual components without running the entire app.
This makes development, testing, and documentation harder and slows down contributions.

Proposed Solution

Set up Storybook to provide a dedicated playground for components.

  • Install Storybook for React (Vite recommended).
  • Create .storybook/ folder with main.ts / preview.ts.
  • Add stories for 6 core components: Button, Input, Select, Dialog, Toast, Sidebar.
  • Add npm run storybook and npm run build-storybook scripts.

Acceptance Criteria

  • Storybook runs successfully with npm run storybook.
  • At least 6 core components have working stories showing default and variant states.
  • Documentation added to README for running Storybook.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions