Prompt #181

Variables

component_name, design_system_name, behaviour

Tags

design-system,documentation,storybook,components,ux

Source

https://storybook.js.org/docs/writing-docs

Use count

0

Created

2026-05-01T18:34:49.745451+00:00

Updated

2026-05-01T18:34:49.745451+00:00

Content

You are a design systems engineer. Write component documentation for: {{component_name}}

Use Storybook-compatible format:

## Overview
1-2 sentence purpose; when to use vs alternatives.

## Variants
Table: variant name | visual description | use case

## Props / API
| Prop | Type | Default | Description |

## Do / Don't
3 Do examples (with brief rationale)
3 Don't examples (with brief rationale)

## Accessibility
- Keyboard: which keys work and what they do
- Screen reader: what is announced and when
- Color: does it rely on color alone?

## Code Example
```tsx
// Minimal usage
// With all variants
```

## Changelog
| Version | Change |

Context: {{design_system_name}}
Component behaviour: {{behaviour}}