nebula-page-stories
Example page stories with Storybook
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.
Location and naming
- Page stories MUST be placed in
src/stories/example-pages/ - Page story files should be named
<page-name>.stories.jsx - The Storybook title MUST use this format:
title: "Example pages/[Page Title]"
Single-story hoisting
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:
More from acquia/nebula
nebula-scrape-url
Capture web page screenshots and HTML for design reference. Use when the user
10canvas-component-utils
Use utility components to render formatted text and media correctly. Use when
9canvas-component-metadata
Define valid component.yml metadata for Canvas components, including props,
9canvas-styling-conventions
Style Canvas components with Tailwind CSS 4 theme tokens and approved utility
9nebula-project-structure
Project folder structure and package manager detection for Nebula. Reference
8canvas-component-upload
Upload validated components to Drupal Canvas and recover from common upload
8