IconGallery

Watch a video tutorial on the Storybook channel

The IconGallery block enables you to easily document React icon components associated with your project, displayed in a neat grid.

Screenshot of IconGallery and IconItem blocks

Iconography.mdx
Loading...

IconGallery

Loading...

IconGallery is configured with the following props:

children

Type: React.ReactNode

IconGallery expects only IconItem children.

IconItem

Loading...

IconItem is configured with the following props:

name

(Required)

Type: string

Sets the name of the icon.

children

Type: React.ReactNode

Provides the icon to be displayed.

Was this page helpful?

Markdown accepted ([link text](url), _italic_, **bold**, etc). Your anonymous feedback will be posted publicly on GitHub.

✍️ Edit on GitHub – PRs welcome!
Storybook
Join the community
6,620 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetry
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI