Drupal Radix Theme
  • Introduction
    • Overview & Support
  • Installation
    • Requirements
    • Getting Started
    • Setup with ddev
  • Understanding Radix
    • Individual files and directories
    • Bootstrap Build
    • Bootswatch
  • Working with the components
    • Components: Intro
    • Components: A deep dive
    • An example component
    • The drupal-radix-cli
    • Copy and modify a component
  • Components
    • Accordion
    • Alerts
    • Badge
    • Block
    • Buttons
    • Button Group
    • Breadcrumb
    • Card
    • Carousel
    • Close button
    • Comment
    • Collapse
    • Details
    • Dropdown menu
    • Field
    • Field Comment
    • Fieldset
    • Figure
    • Form
    • Form: Element
    • Form Element Label
    • Form Element: Radio Checkbox
    • Heading
    • HTML
    • Image
    • Input
    • List group
    • Local Tasks
    • Media
    • Modal
    • Nav
    • Nav Item
    • Navbar
    • Navbar Brand
    • Node
    • Offcanvas
    • Page
    • Page: Content
    • Page: Footer
    • Page: Navigation
    • Page: Title
    • Pagination
    • Progress
    • Radios
    • Region
    • Select
    • Spinners
    • Table
    • Taxonomy
    • Textarea
    • Toasts
    • Tooltips
    • User
    • Views: view
    • Views: view--grid
    • Views: view--table
    • Views: view--unformatted
  • Misc
    • Migration and upgrading
    • Roadmap
    • Credits & Contributions
Powered by GitBook
On this page

Was this helpful?

  1. Working with the components

Components: Intro

Components, the building blocks of Radix

PreviousBootswatchNextComponents: A deep dive

Last updated 1 year ago

Was this helpful?

Components are the building blocks of Radix, when you first create your sub-theme, there are no components within your new theme itself, all are inherited from the main parent Radix theme.

Since Radix is an opinionated theme, we opted not to strictly follow the structure, some might prefer it, it's up to them to consider it or not but note you can do so within your own sub-theme if you want to. Our component structure is just a flat list of the components themselves and that's it.

The components are a mix of Bootstrap native components and Radix components itself, to support a wider range of use cases within Drupal.

Often we need to modify, adjust, and add new components to our theme and go from there, we have a specific tool for that:

  • npm package

Feel free to read the package README in GitHub page itself or follow along this documentation.

atomic design
drupal-radix-cli