ArcGIS Experience Builder Storybook allows developers to explore UI components, themes, and icons before using them in custom widgets.
What is Storybook?
Storybook is the interactive reference environment for ArcGIS Experience Builderjimu-ui and jimu-core libraries.
What you can explore
The Storybook site organizes its resources into three primary categories: Components, Theme, and Icons.
Components
The Components section contains samples and API documentation for UI components available from the jimu-ui and jimu-core libraries.
Use this section of the Storybook site to:
- Browse available Experience Builder UI components.
- Preview component appearance and behavior.
- Review component properties and examples.
- Compare available component configurations.
- Identify reusable components for custom widgets.
Theme
The Theme section provides documentation and reference resources for Experience Builder themes.
Use this section of the Storybook site to:
- Review available theme resources.
- Understand how themes affect component appearance.
- Explore styling options before adding custom styles.
- Support visual consistency with Experience Builder applications.
Icons
The Icons section provides a collection of icons available for use with Experience Builder UI components.
Use this section of the Storybook site to:
- Browse available icons.
- Identify an icon that communicates the intended action or meaning.
- Reuse existing Experience Builder icons instead of creating custom assets.
- Maintain visual consistency across widgets and applications.
Explore a component
Use this general workflow to explore a component in Storybook before implementing it in a custom widget:
- Open the ArcGIS Experience Builder Storybook.
- Click Components.
- Locate the component you want to evaluate.
- Review its documentation and examples.
- Preview the available configurations.
- Use the component in your widget when it meets your requirements.