Skip to content

Add Storybook coverage for missing React UI components #552

@vishxrad

Description

@vishxrad

Summary

Most React UI components have Storybook stories, but a few exported components currently do not. Adding stories would improve discoverability and make visual QA easier for contributors and maintainers.

Components missing stories

These directories currently do not have a Storybook story:

  • packages/react-ui/src/components/Label
  • packages/react-ui/src/components/Modal
  • packages/react-ui/src/components/SectionBlock
  • packages/react-ui/src/components/ThemeProvider
  • packages/react-ui/src/components/ToggleItem
  • packages/react-ui/src/components/ToolCall
  • packages/react-ui/src/components/ToolResult

Suggested implementation

Add focused .stories.tsx files under each component's stories/ directory, following nearby examples such as Button, Input, Tag, or MessageLoading.

This can also be split into smaller PRs if preferred.

Acceptance criteria

  • Each listed component has at least one basic story.
  • Stories use realistic props and show key states where applicable.
  • Storybook still builds/runs for @openuidev/react-ui.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions