nebula-component-creation

Preview coverage requirements are delegated to canvas-workbench (see canvas-workbench/references/components.md for Workbench component review flow, and canvas-component-definition/references/component-mocks.md for mocks.json rules).

Workflow

Creating a new component

Always start from an example. When asked to create a new component:

1. Find a similar example in examples/components/ that can serve as a starting point (e.g., use blockquote for an "alert" component, or button for any interactive element)
2. Copy the example component folder to src/components/<new_name>/
3. Keep or author preview coverage by updating the copied mocks.json when the example includes one, or by authoring a new mocks.json if the new component needs named states beyond Workbench's built-in Default tab
4. Modify the copied files to implement the new component