-
Notifications
You must be signed in to change notification settings - Fork 156
Storybook format standard
Components are building blocks of a page. Regardless of the degree of complexity, they should be demoed as stories at root level.
Components always have a default variant. Other variations of a component maybe arise based on differences in the following properties. Variants are shown as second level stories nested inside a component.
- size
- height
- image or no image
- child component
Example
Feature card block
Medium
Large
Components (root level stories) should be in alphabetical order based on component names.
Variants (sub stories) should be ordered by complexity, with the simplest story first, and more complex story later.
Example
CTA
Text
Button
Card
Feature
UI components should be rendered 16px from top and 16px from left of viewport top left corner.
Layout components should be rendered on the IBM 2x grid, correctly to design intent.