{"componentChunkName":"component---src-templates-integration-index-jsx","path":"/integrations/storybook","result":{"data":{"allCockpitIntegrations":{"edges":[{"node":{"cockpitId":"5f5d4448106cd54b12354b14","name":{"value":"Adobe XD","slug":"adobe-xd"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2021/10/26/xd_appicon_noshadow_1024_uid_6177dfeff4113.png"}},"coming_soon":{"value":false},"description":{"value":"Save to Niice directly from XD"}}},{"node":{"cockpitId":"5f5d4448106cd54b12354b14","name":{"value":"Adobe XD","slug":"adobe-xd"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2021/10/26/xd_appicon_noshadow_1024_uid_6177dfeff4113.png"}},"coming_soon":{"value":false},"description":{"value":"Save to Niice directly from XD"}}},{"node":{"cockpitId":"5f5d4448106cd54b12354b14","name":{"value":"Adobe XD","slug":"adobe-xd"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2021/10/26/xd_appicon_noshadow_1024_uid_6177dfeff4113.png"}},"coming_soon":{"value":false},"description":{"value":"Save to Niice directly from XD"}}},{"node":{"cockpitId":"5f5d49fc95465a76995aaf92","name":{"value":"Marvel","slug":"marvel"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554a64d150marvel.png"}},"coming_soon":{"value":false},"description":{"value":"Embed interactive prototypes"}}},{"node":{"cockpitId":"5f5d49fc95465a76995aaf92","name":{"value":"Marvel","slug":"marvel"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554a64d150marvel.png"}},"coming_soon":{"value":false},"description":{"value":"Embed interactive prototypes"}}},{"node":{"cockpitId":"5f5d49fc95465a76995aaf92","name":{"value":"Marvel","slug":"marvel"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554a64d150marvel.png"}},"coming_soon":{"value":false},"description":{"value":"Embed interactive prototypes"}}},{"node":{"cockpitId":"5f5d4ad698f7f84256681b06","name":{"value":"Zeplin","slug":"zeplin"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554f305332zeplin.png"}},"coming_soon":{"value":false},"description":{"value":"Embed product designs"}}},{"node":{"cockpitId":"5f5d4ad698f7f84256681b06","name":{"value":"Zeplin","slug":"zeplin"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554f305332zeplin.png"}},"coming_soon":{"value":false},"description":{"value":"Embed product designs"}}},{"node":{"cockpitId":"5f5d4ad698f7f84256681b06","name":{"value":"Zeplin","slug":"zeplin"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f6554f305332zeplin.png"}},"coming_soon":{"value":false},"description":{"value":"Embed product designs"}}},{"node":{"cockpitId":"63f7f86cc36f04509077fa12","name":{"value":"Storybook","slug":"storybook"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2023/02/23/storybook_uid_63f7fa4b8d5ef.png"}},"coming_soon":{"value":false},"description":{"value":"Embed design system components"}}},{"node":{"cockpitId":"63f7f86cc36f04509077fa12","name":{"value":"Storybook","slug":"storybook"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2023/02/23/storybook_uid_63f7fa4b8d5ef.png"}},"coming_soon":{"value":false},"description":{"value":"Embed design system components"}}},{"node":{"cockpitId":"63f7f86cc36f04509077fa12","name":{"value":"Storybook","slug":"storybook"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2023/02/23/storybook_uid_63f7fa4b8d5ef.png"}},"coming_soon":{"value":false},"description":{"value":"Embed design system components"}}},{"node":{"cockpitId":"5f5d43a655011143ca57d0a2","name":{"value":"Figma","slug":"figma"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f654baf1a50dfigma.png"}},"coming_soon":{"value":false},"description":{"value":"Embed live Figma documents"}}},{"node":{"cockpitId":"5f5d43a655011143ca57d0a2","name":{"value":"Figma","slug":"figma"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f654baf1a50dfigma.png"}},"coming_soon":{"value":false},"description":{"value":"Embed live Figma documents"}}},{"node":{"cockpitId":"5f5d43a655011143ca57d0a2","name":{"value":"Figma","slug":"figma"},"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2020/09/19/5f654baf1a50dfigma.png"}},"coming_soon":{"value":false},"description":{"value":"Embed live Figma documents"}}}]},"cockpitIntegrations":{"name":{"value":"Storybook"},"description":{"value":"Embed design system components"},"service_description":{"value":"<p>Storybook is a frontend workshop for building UI components and pages in isolation.</p>"},"service_name":{"value":"Storybook"},"service_link":{"value":"https://storybook.js.org/"},"overview":{"value":"<p>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.</p>"},"instructions":null,"logo":{"value":{"url":"https://s3.eu-west-1.amazonaws.com/niice-cms/2023/02/23/storybook_uid_63f7fa4b8d5ef.png"}},"embed":{"value":true},"embed_url_sample":{"value":"https://5ccbc373887ca40020446347-bysekhynzd.chromatic.com/?path=/story/shadowboxcta--default"},"embed_name":{"value":"story"}}},"pageContext":{"id":"63f7f86cc36f04509077fa12","tags":["ux","product design","web design"]}}}