Skip to content

Conversation

@Mahmoudz
Copy link

@Mahmoudz Mahmoudz commented Dec 6, 2025

This PR adds missing Storybook documentation (.mdx and .stories.tsx files) for the Image and Icon components.

Changes

  • Added Image.mdx and Image.stories.tsx with examples for loading, error handling, force render on error, and draggable functionality
  • Added Icon.mdx and Icon.stories.tsx with examples for sizing, colors, common icons, and usage with text

Consistency

  • Follows the same patterns as other component documentation (Badge, Alert, Avatar, Input, etc.)
  • Uses consistent structure, naming, and formatting
  • All pre-commit checks pass (format, lint, types, tests)

Files Added

  • src/components/Image/Image.mdx (new)
  • src/components/Image/Image.stories.tsx (new)
  • src/components/Icon/Icon.mdx (new)
  • src/components/Icon/Icon.stories.tsx (new)

- Introduced Image.mdx for detailed usage and examples, including loading, error handling, and draggable functionality.
- Created Image.stories.tsx to showcase various states of the Image component, including base, loading, error, force render on error, and draggable scenarios.
- Introduced Icon.mdx for detailed usage, examples, and reference for the Icon component.
- Created Icon.stories.tsx to showcase various states of the Icon component, including sizing, colors, common icons, and usage alongside text.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant