[FEATURE] Add Storybook stories for core UI components #4720
Description
Why do we need this improvement?
The AsyncAPI website uses Storybook for documenting UI components, but many core reusable components currently lack stories.
Currently, only 11 components have Storybook stories:
Avatar,InputBox,Loader,Heading,Paragraph,Accordion,Button,BlogPostCard,Checkbox,Toggle,Tags
The following actively-used components would benefit from Storybook documentation:
Modal , Testimonial , Warning , Remember , Tabs , TextLink
How will this change help?
This makes it harder for new contributors to understand component APIs and for maintainers to ensure visual consistency.
How could it be implemented/designed?
Add comprehensive Storybook stories for each component including:
- Default state
- Different prop variations (sizes, styles, states)
- Interactive controls using
argTypes - Proper documentation following existing patterns in
Button.stories.tsx
🚧 Breaking changes
Yes
👀 Have you checked for similar open issues?
- I checked and didn't find a similar issue
🏢 Have you read the Contributing Guidelines?
- I have read the Contributing Guidelines
Are you willing to work on this issue?
Yes I am willing to submit a PR!