Skip to content

Design System to Radix SDC Mapping

I need to... Guide
Understand Radix sub-theme folder structure Radix Sub-Theme Architecture
Map design tokens to Bootstrap variables in Radix Design Tokens Configuration
Create atom SDC components Atoms SDC Components
Master SDC component best practices SDC Component Best Practices
Decide when to override vs extend Radix components Radix Sub-Theme Best Practices
Configure build tools (Laravel Mix, PurgeCSS) Build Tools and Compilation
Use Radix CLI for component creation Radix CLI Integration
Compose atoms into molecule SDCs Molecules SDC Components
Build organism SDCs with Layout Builder Organisms SDC Layout Builder
Override page templates in Radix Templates Drupal Theme Layer
Master Layout Builder patterns and decisions Layout Builder Best Practices
Optimize theme performance (caching, assets, images) Performance Best Practices
Write SDC YAML schema, props, and slots SDC Component Development
Master Twig and preprocess patterns Twig and Preprocess Best Practices
Catalog and reuse existing Radix components Radix Component Reuse Strategy
Troubleshoot SDC component issues Troubleshooting SDC Components