nebula-page-stories

Page stories showcase how components work together in realistic layouts. They should closely mirror what end users will experience in Drupal Canvas, so avoid patterns that won't be available in Canvas.

Use single-story hoisting for cleaner navigation. Page stories should use Storybook's single-story hoisting feature to avoid unnecessary nesting in the sidebar. This is achieved by:

This results in a flat sidebar entry "Product: Detail" under "Example pages", rather than a nested "Product: Detail" → "Default" structure.

複数のコンポーネントを現実的なレイアウトに構成するサンプル ページ ストーリーを作成します。コンポーネントがどのように連携するかを示すページレベルの Storybook ストーリーを作成するときに使用します。 PageLayout の使い方、構成ルール、Spacer による間隔、平屋の吊り上げについて説明します。 ソース: acquia/nebula。