COMPONENT-CHECKLIST.md

Component Checklist

✅ Structure

• Proper file organization
• Index file with barrel export
• Type definitions in separate file

✅ Types

• Comprehensive TypeScript interfaces
• Proper prop types
• Event handler types

✅ Styling

• Consistent Tailwind classes
• Responsive design
• Dark mode support (if applicable)

✅ Functionality

• Core functionality implemented
• Error handling
• Loading states

✅ Testing

• Unit tests written
• Integration tests (if needed)
• Accessibility tests

✅ Documentation

• JSDoc comments
• Storybook stories
• Usage examples

✅ Performance

• Memoization where appropriate
• Bundle size optimized
• No unnecessary re-renders

✅ Accessibility

• ARIA attributes
• Keyboard navigation
• Screen reader support
• Tabs use role="tablist"/role="tab", aria-selected, roving tabIndex, and arrow-key navigation