# Using the Generated Component

1. **Add the files** – Place the `.tsx`, `.stories.tsx`, and `.test.tsx` files into the appropriate directories (`src/components`, `src/components/__stories__`, `src/components/__tests__`).
2. **Run lint & type check** – `npm run lint && npm run type-check`.
3. **Start Storybook** – `npm run storybook` to view the component.
4. **Run tests** – `npm test {{ComponentName}}.test.tsx`.
5. **Iterate** – Adjust the generated code if you need additional props or variants; the scaffold respects your design‑token file.