| Understand Radix SDC architecture |
Radix Component Architecture |
Understanding Radix's SDC architecture for component selection and customization decisions. |
| Decide component vs override vs custom |
Component Selection Strategy |
Deciding whether to use base component, override, or create custom. |
| Modify Radix component for sub-theme |
Component Override Patterns |
Modifying Radix base component for sub-theme. |
| Build project-specific custom component |
Creating Custom Components |
Building project-specific UI not in Radix/Bootstrap. |
| Use accordions, cards, carousels, modals, tables |
Layout Components |
Components for organizing and containing content in structured layouts. These components help create interactive, collapsible, and organized content presentations including accordions, cards, carousels, modals, and data tables. |
| Build breadcrumbs, navbars, pagination, tabs |
Navigation Components |
Components for site navigation, wayfinding, and menu systems. Use these for breadcrumbs, tabs, navigation menus, navbars, and pagination across multiple pages. |
| Create accessible Bootstrap-styled forms |
Form Components |
Components for form inputs, form structure, and form element wrappers. Use these components to build accessible, Bootstrap-styled forms in Drupal with Radix theme. |
| Add alerts, badges, buttons, dropdowns, spinners |
UI Components |
Components for interactive elements, user feedback, and visual indicators. Use these to provide contextual information, loading states, and user interaction controls. |
| Render nodes, blocks, fields, media, comments |
Content Display Components |
Components for displaying Drupal content entities, fields, media, and user profiles. Use these when rendering nodes, blocks, taxonomy terms, comments, media items, images, or user profiles in various view modes. |
| Structure HTML, page, regions |
Page Structure Components |
Components for HTML structure, page layout, and regions. Use these for rendering the complete HTML document, page wrapper, regions, and block wrappers in Drupal templates. |
| Display Views output with Radix styling |
Views Components |
Components for Drupal Views output and grid layouts. Use these when rendering Views lists, grids, and tables with Radix styling patterns. |
| Optimize component performance |
Performance Best Practices |
Optimizing front-end performance when building/overriding components. |
| Ensure WCAG 2.2 AA compliance |
Accessibility Best Practices |
Ensuring WCAG 2.2 Level AA compliance. |
| Maintain code quality and security |
Development Standards |
Maintaining code quality, security, maintainability. |