PatternFly 6 Components¶
This directory contains component-specific guidelines and patterns for PatternFly 6 React components.
Component Categories¶
Layout Components¶
- Layout Components - Page structure, PageSection, Grid, and responsive layout patterns
Data Display Components¶
- Data Display Components - Tables, data views, dropdowns, and toolbars
- Table Component - Detailed table component usage and best practices
Component Usage Principles¶
- PatternFly v6 Only - Always use
pf-v6-prefixed classes - Composable Components - Build complex UIs by combining PatternFly components
- Accessibility First - WCAG 2.1 AA compliance is mandatory
- Design Token System - Use semantic tokens, never hardcode values
Related Documentation¶
- PatternFly Guidelines - Core development principles
- Component Architecture - Component structure patterns
- Styling Standards - CSS and design token usage
- Common Issues - Troubleshooting component issues