Skip to content

Feature Request: Add Storybook Support for UI Components #298

@Faizan-Alam-1

Description

@Faizan-Alam-1

Feature Request: Add Storybook Support for UI Components

Summary
It would be helpful to introduce [Storybook] into this project so that each React component in the Chat UI can be viewed, tested, and documented in isolation.

Why Storybook?

  • Provides an interactive environment to explore components individually.
  • Makes it easier for contributors and developers to understand component APIs and variations.
  • Helps with visual regression testing and future maintenance.
  • Improves onboarding for new contributors by offering a clear reference of available components.

Proposed Approach

  • Set up Storybook in the project with initial configuration.
  • Add stories for key components (e.g., chat window, message bubble, header, input field).
  • Document props and variations to improve discoverability.

Contribution
I would be happy to work on setting up Storybook and adding the initial stories. Before starting, I’d like to confirm if the maintainers are open to including Storybook in this repository.

Questions for Maintainers

  • Would you be open to adding Storybook support to this project?
  • Are there any preferred conventions (naming, structure, or documentation style) I should follow when creating stories?

Thanks for considering this proposal!

@mliao95 @doreechi @khastation

Metadata

Metadata

Assignees

No one assigned

    Labels

    🚀 FeatureNew feature implementation

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions