| 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 overall page layout, regions, and structural wrappers. These are the foundational components that create the skeleton of every Drupal page in Radix. |
| Display Views output with Radix styling |
Views Components |
Components for displaying Views output with various formatters (grid, table, unformatted lists). These components are automatically used when Radix preprocesses Views templates, but can also be included manually for custom Views styling. |
| 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. |