Component Development Flow

Step-by-step workflow for creating React components

react

components

frontend

tailwind

workflow

multi-step

Prompt

Follow this workflow to create well-structured, reusable React components.

## Steps:

1. Define component props and interface

2. Create base component structure

3. Implement styling with Tailwind

4. Add variants and states

5. Handle accessibility (ARIA labels, keyboard nav)

6. Write component documentation

7. Create usage examples