With the Storybook integration for Niice, you can embed components from your design system (known as "stories") and share them with your team on Niice. Your embedded story will stay in sync with Storybook, so any changes you make to it there will be automatically reflected on your board.
How it works
It's simple to embed story from Storybook to your Niice board so you can share it with your team! Your embedded story will stay in sync with Storybook, so any changes you make to it there will be automatically reflected in Niice.
Adding story from Storybook
- Go to a board and click on the “+” in the bottom right
- Click and drag the ‘Embed’ block onto the board
- Paste in the Storybook embed URL,
e.g. https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/?path=/story/shadowboxcta--default - Hit confirm to save it
Removing embedded story
- Click the “...” dropdown on the embed
- Select “Remove”
Adjusting the layout
You can crop and resize embeds like any other block on the board, and you can move it around by clicking and dragging on the handle in the top left corner of the story.