Explore

Storybook Integration

What do we get?

We will sync the design and the implementation. Only one design system.

Design team will be able to review our implementation easily.

Communications will be easier with the design team.

⁠

Accessibility

Storybook helps us review & detect accessibility issues to improve them.

When you click the accessibility button, you can test app accessibility for the following issues shown on the image shown in the right.

This allows you to test in place of a user with an accessibility case, e.p Blurred Vision.

And it allows you to detect accessibility issues with UI components we have. For example, see the list of accessibility issues for the error toast below.

⁠

⁠

⁠

Testing on different screen sizes

Storybook allows you to easily test our UI components in different screen sizes using the viewport button:

⁠

⁠

Testing Alignments

You can detect issues with UI alignments among elements by using the layout button. This allow you to detect misalignment issues easily.

⁠

⁠

Themes

You can test UI elements in any of our themes by clicking the theme icon and choosing an option.

⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.