Design System Documentation

Create documentation for a design system component: **Component:** [[COMPONENT]] (Button / Modal / Form / Card / Navigation / ...) **Product:** [[PRODUCT]] **Tech stack:** [[TECH]] (React / Vue / Web Components / Figma) Documentation structure: 1. **Purpose & usage** – when and why is it used? 2. **Variants** – all states and types (Primary/Secondary/Disabled/Loading) 3. **Props/Properties** – name, type, default, description, required? 4. **Do's & don'ts** – correct vs. incorrect usage with examples 5. **Accessibility** – ARIA labels, keyboard support, screen reader 6. **Code example** (complete, copy-pasteable) 7. **Responsive behavior** – how does the component change? 8. **Related components** – what belongs together?Copy