| Understand Radix SDC architecture |
Radix Component Architecture |
| Decide component vs override vs custom |
Component Selection Strategy |
| Modify Radix component for sub-theme |
Component Override Patterns |
| Build project-specific custom component |
Creating Custom Components |
| Use accordions, cards, carousels, modals, tables |
Layout Components |
| Build breadcrumbs, navbars, pagination, tabs |
Navigation Components |
| Create accessible Bootstrap-styled forms |
Form Components |
| Add alerts, badges, buttons, dropdowns, spinners |
UI Components |
| Render nodes, blocks, fields, media, comments |
Content Display Components |
| Structure HTML, page, regions |
Page Structure Components |
| Display Views output with Radix styling |
Views Components |
| Optimize component performance |
Performance Best Practices |
| Ensure WCAG 2.2 AA compliance |
Accessibility Best Practices |
| Maintain code quality and security |
Development Standards |