{"version":1,"pages":[{"id":"RaRxKJCes4adO3A4l1s5","title":"Overview & Support","pathname":"/radix","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"What is Radix theme, the tooling and support.","breadcrumbs":[{"label":"Introduction"}]},{"id":"L3jOzy5DSc3pieEx6DA1","title":"Requirements","pathname":"/radix/installation/requirements","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"All the tooling","breadcrumbs":[{"label":"Installation"}]},{"id":"EgKZxeMem4ofU9U5jOcb","title":"Getting Started","pathname":"/radix/installation/getting-started","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Installing and setup of Radix","breadcrumbs":[{"label":"Installation"}]},{"id":"BgyyUBrjeiP3pRDFSKN7","title":"Setup with ddev","pathname":"/radix/installation/setup-with-ddev","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Recommended way to run BrowserSync when using ddev","breadcrumbs":[{"label":"Installation"}]},{"id":"CMP2wa6MhkPU59x5ZljL","title":"Individual files and directories","pathname":"/radix/understanding-radix/individual-files-and-directories","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Read about each file and directory and their purposes.","breadcrumbs":[{"label":"Understanding Radix"}]},{"id":"MzAA4lEGhwrA8PS7ip2d","title":"Bootstrap Build","pathname":"/radix/understanding-radix/bootstrap-build","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A free Bootstrap variable builder, Start from scratch or reuse free featured designs.","breadcrumbs":[{"label":"Understanding Radix"}]},{"id":"YMF1lINmhXCdwynnCUJw","title":"Bootswatch","pathname":"/radix/understanding-radix/bootswatch","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Easy Bootswatch integration","breadcrumbs":[{"label":"Understanding Radix"}]},{"id":"deeRJZNJQwpngkDrdmFT","title":"Icons (Icon API)","pathname":"/radix/understanding-radix/icons","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Integrate Bootstrap icons or any other icon set into your own theme with ease.","breadcrumbs":[{"label":"Understanding Radix"}]},{"id":"ulqPBqpIH9G4D8QdGQUF","title":"Components: Intro","pathname":"/radix/working-with-the-components/components-intro","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Components, the building blocks of Radix","breadcrumbs":[{"label":"Working with the components"}]},{"id":"Me4yQUOqqq7mIrrd4khM","title":"Components: A deep dive","pathname":"/radix/working-with-the-components/components-a-deep-dive","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Getting to know the components structure, what are they, why they are the way they are and how to use them to our advantage.","breadcrumbs":[{"label":"Working with the components"}]},{"id":"mGbRcPQjEIag8sZpfsB7","title":"An example component","pathname":"/radix/working-with-the-components/an-example-component","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"What's inside a component and how to use it","breadcrumbs":[{"label":"Working with the components"}]},{"id":"xp0NBcWbkUEMms9B8KTM","title":"The drupal-radix-cli","pathname":"/radix/working-with-the-components/the-drupal-radix-cli","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The helper npm package to maintain your Radix components","breadcrumbs":[{"label":"Working with the components"}]},{"id":"kTxYMEgwPUUsMhJ7fVeq","title":"Copy and modify a component","pathname":"/radix/working-with-the-components/copy-and-modify-a-component","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"How to copy over a component from Radix parent theme, to our own Sub-theme and start using that instead.","breadcrumbs":[{"label":"Working with the components"}]},{"id":"U2X0SNUjSPO1F9msVOyR","title":"Accordion","pathname":"/radix/components/accordion","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Build vertically collapsing accordions in combination with our Collapse JavaScript plugin.","breadcrumbs":[{"label":"Components"}]},{"id":"byZlruLEX4ZbCbecnowi","title":"Alerts","pathname":"/radix/components/alerts","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.","breadcrumbs":[{"label":"Components"}]},{"id":"bDJM5hWsLYTeTZxRbbtK","title":"Badge","pathname":"/radix/components/badge","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Documentation and examples for badges, our small count and labeling component.","breadcrumbs":[{"label":"Components"}]},{"id":"vxhsu05YoxVj7xVqkUvU","title":"Block","pathname":"/radix/components/block","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The block component template serves as a flexible and dynamic structure for creating block elements in your Drupal theme.","breadcrumbs":[{"label":"Components"}]},{"id":"sOlI1lKAdJBCKr01ODhD","title":"Buttons","pathname":"/radix/components/buttons","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.","breadcrumbs":[{"label":"Components"}]},{"id":"3mtO08IT1XtM5FhBN229","title":"Button Group","pathname":"/radix/components/button-group","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Group a series of buttons together on a single line or stack them in a vertical column.","breadcrumbs":[{"label":"Components"}]},{"id":"8v4xOq4tX4KQz5zmZbMW","title":"Breadcrumb","pathname":"/radix/components/breadcrumb","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.","breadcrumbs":[{"label":"Components"}]},{"id":"ngAiDF2WqBQ3Vh8xGAiC","title":"Card","pathname":"/radix/components/card","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.","breadcrumbs":[{"label":"Components"}]},{"id":"OfLEHianP7xc1MQykgZF","title":"Carousel","pathname":"/radix/components/carousel","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A slideshow component for cycling through elements—images or slides of text—like a carousel.","breadcrumbs":[{"label":"Components"}]},{"id":"zlaCZuoq6obZDGzkiCy1","title":"Close button","pathname":"/radix/components/close-button","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A generic close button for dismissing content like modals and alerts.","breadcrumbs":[{"label":"Components"}]},{"id":"SJehDkAir7swrSNQJ9Hc","title":"Comment","pathname":"/radix/components/comment","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A generic Drupal comment field override.","breadcrumbs":[{"label":"Components"}]},{"id":"TuqzY4IVqZEWhgFiM2M1","title":"Collapse","pathname":"/radix/components/collapse","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Toggle the visibility of content across your project with a few classes and our JavaScript plugins.","breadcrumbs":[{"label":"Components"}]},{"id":"1bKrj846bT1ccNXFBZj7","title":"Details","pathname":"/radix/components/details","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Details tag that can be used to show and hide content. Similar to Collapse","breadcrumbs":[{"label":"Components"}]},{"id":"4inmHv0MKBu7kjS9H6K8","title":"Dropdown menu","pathname":"/radix/components/dropdown-menu","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.","breadcrumbs":[{"label":"Components"}]},{"id":"STKEWflwaxt6uzUXWTY1","title":"Field","pathname":"/radix/components/field","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A field is a form element that allows the user to input data. It can be used to input text, numbers, dates, etc.","breadcrumbs":[{"label":"Components"}]},{"id":"y0yBrAJgWOMxQ6BJ2fMG","title":"Field Comment","pathname":"/radix/components/field-comment","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A field comment is a form element that allows the user to input a comment. It is a special case of the Field component itself.","breadcrumbs":[{"label":"Components"}]},{"id":"VqjfyLGaZDfzEhQFHK1k","title":"Fieldset","pathname":"/radix/components/fieldset","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The fieldset component is used to group related form elements.","breadcrumbs":[{"label":"Components"}]},{"id":"6lBYIBXoxscAtvb6lBBD","title":"Figure","pathname":"/radix/components/figure","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A figure is a visual representation of data, such as a chart or a graph or an image wrapper.","breadcrumbs":[{"label":"Components"}]},{"id":"roS24iaFbbhLExcBgAQL","title":"Form","pathname":"/radix/components/form","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The 'form' element template is designed to create structured, interactive forms in web applications. It is essential for collecting user input in a structured and accessible manner. This template is f","breadcrumbs":[{"label":"Components"}]},{"id":"zWn759rGR1QE0WfrvDc0","title":"Form: Element","pathname":"/radix/components/form-element","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A form element is a component that is used to collect user input. It is a wrapper around the native HTML form elements.","breadcrumbs":[{"label":"Components"}]},{"id":"zSoyAyzI0F9iKLTHOZ7J","title":"Form Element Label","pathname":"/radix/components/form-element-label","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A form element label is a component used to display a label for a form element. It is typically used in conjunction with form elements such as text fields, text areas, inputs and others.","breadcrumbs":[{"label":"Components"}]},{"id":"F99705oOg5GJG21tHJAj","title":"Form Element: Radio Checkbox","pathname":"/radix/components/form-element-radio-checkbox","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A form element for radio and checkbox inputs.","breadcrumbs":[{"label":"Components"}]},{"id":"tHRkWDsw7phb9tNPfsxR","title":"Heading","pathname":"/radix/components/heading","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"All HTML headings, <h1> through <h6> are available.","breadcrumbs":[{"label":"Components"}]},{"id":"uKkoiDbji1jjMAPeul7f","title":"HTML","pathname":"/radix/components/html","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Theme implementation is designed for the primary structure of a Drupal page.","breadcrumbs":[{"label":"Components"}]},{"id":"eYfJ1L8sRnLdkQOTrD2S","title":"Image","pathname":"/radix/components/image","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Image component with responsive behavior for the system image.","breadcrumbs":[{"label":"Components"}]},{"id":"8xbSSCO8zB59GefvZWe5","title":"Input","pathname":"/radix/components/input","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Give textual form controls <input>s an upgrade with custom styles, sizing, focus states, and more.","breadcrumbs":[{"label":"Components"}]},{"id":"F1YZqbNlmw7UBELEuH22","title":"List group","pathname":"/radix/components/list-group","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.","breadcrumbs":[{"label":"Components"}]},{"id":"PcZP7iYzn2SleVowc2hZ","title":"Local Tasks","pathname":"/radix/components/local-tasks","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Drupal local tasks are the tabs that appear at the top of the page. They are mainly for administrative tasks, but can be used for other purposes as well.","breadcrumbs":[{"label":"Components"}]},{"id":"9WtOUyEgSdYDntAk6euT","title":"Media","pathname":"/radix/components/media","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A theme override for displaying a media item in Drupal. It is designed to render various types of media content with a focus on accessibility and flexibility.","breadcrumbs":[{"label":"Components"}]},{"id":"Og7TGCBdmQUGEzHtrazb","title":"Modal","pathname":"/radix/components/modal","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.","breadcrumbs":[{"label":"Components"}]},{"id":"JSetfuDLoZ2HQTpPRzZQ","title":"Nav","pathname":"/radix/components/nav","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Documentation and examples for how to use Bootstrap’s included navigation components.","breadcrumbs":[{"label":"Components"}]},{"id":"OvBgY4q44JnIxbl3IIYx","title":"Nav Item","pathname":"/radix/components/nav-item","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A theme override for rendering a single link within a navigation structure.","breadcrumbs":[{"label":"Components"}]},{"id":"FXCIACCqCT7u6ZXWfxbI","title":"Navbar","pathname":"/radix/components/navbar","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.","breadcrumbs":[{"label":"Components"}]},{"id":"E6WCFTbsdvO7dDfJXufG","title":"Navbar Brand","pathname":"/radix/components/navbar-brand","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The Drupal Navbar-brand component/block. It offers options for site name, slogan, image branding, and link configuration.","breadcrumbs":[{"label":"Components"}]},{"id":"F2ZyD2DZQ2etZvVI1TTQ","title":"Node","pathname":"/radix/components/node","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A template for rendering a Node in Drupal.","breadcrumbs":[{"label":"Components"}]},{"id":"DV7dcNbq70qWYJ8QrVEC","title":"Offcanvas","pathname":"/radix/components/offcanvas","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.","breadcrumbs":[{"label":"Components"}]},{"id":"3IGFJizdpERJEXL5Vegy","title":"Page","pathname":"/radix/components/page","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A template for constructing the page layout.","breadcrumbs":[{"label":"Components"}]},{"id":"Ckgq3phIA0JqalAoTy4V","title":"Page: Content","pathname":"/radix/components/page-content","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"This template is tailored for the content section of a web page, designed to provide a structured and customizable layout for displaying main content.","breadcrumbs":[{"label":"Components"}]},{"id":"KHxhRyS7TTVfEFKd1qtH","title":"Page: Footer","pathname":"/radix/components/page-footer","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"This template is specifically designed for creating a Page Footer component in your main Page template.","breadcrumbs":[{"label":"Components"}]},{"id":"DTmMjKn4t2iQp5dTqM7b","title":"Page: Navigation","pathname":"/radix/components/page-navigation","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"This template is crafted for constructing the Page Navigation component within your main Page component.","breadcrumbs":[{"label":"Components"}]},{"id":"kN7xTswCA5tJY62BnGyh","title":"Page: Title","pathname":"/radix/components/page-title","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"The Page Title component is responsible for rendering the page's main heading using the h1 HTML tag.","breadcrumbs":[{"label":"Components"}]},{"id":"xAho0GTQMK5bvLEs7jdt","title":"Pagination","pathname":"/radix/components/pagination","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.","breadcrumbs":[{"label":"Components"}]},{"id":"tvSKUjCVTloP8IcHYJoD","title":"Progress","pathname":"/radix/components/progress","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.","breadcrumbs":[{"label":"Components"}]},{"id":"aPeP7IW4xe8VWOWEoTP9","title":"Radios","pathname":"/radix/components/radios","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A theme override for a 'radios' type form element.","breadcrumbs":[{"label":"Components"}]},{"id":"HD4KhNOljLj46QMg2i8x","title":"Region","pathname":"/radix/components/region","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A region in Drupal is a designated area on a web page where content can be displayed. These regions act as containers for various elements, such as blocks, menus, and other content modules.","breadcrumbs":[{"label":"Components"}]},{"id":"gwvydl7eGyRpK44vq76J","title":"Select","pathname":"/radix/components/select","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A select component is a dropdown list of options that allows users to choose one option.","breadcrumbs":[{"label":"Components"}]},{"id":"YzR7DHu6Tnl4DkgNNuBs","title":"Spinners","pathname":"/radix/components/spinners","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.","breadcrumbs":[{"label":"Components"}]},{"id":"KHzx4yqsg31CnSYgmuBS","title":"Table","pathname":"/radix/components/table","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A template for creating a Table, designed to present data in a structured, tabular format.","breadcrumbs":[{"label":"Components"}]},{"id":"sqEt41KurZF3V6nr02OJ","title":"Taxonomy","pathname":"/radix/components/taxonomy","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A component template for rendering taxonomy entities.","breadcrumbs":[{"label":"Components"}]},{"id":"OzSE3ayUrzFb8tDXfR1y","title":"Textarea","pathname":"/radix/components/textarea","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A theme override for a textarea form element enhances multi-line text input areas.","breadcrumbs":[{"label":"Components"}]},{"id":"CtxyVT062tPm0jnzW4Q6","title":"Toasts","pathname":"/radix/components/toasts","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.","breadcrumbs":[{"label":"Components"}]},{"id":"E4Ebv3LVBpw5T9LJ84dN","title":"Tooltips","pathname":"/radix/components/tooltips","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage.","breadcrumbs":[{"label":"Components"}]},{"id":"MQ3iD6RZ5Qu7CqkZNsmX","title":"User","pathname":"/radix/components/user","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"A theme implementation for rendering user profiles.","breadcrumbs":[{"label":"Components"}]},{"id":"hjYXHG7aD8T4YziOR6Cg","title":"Views: view","pathname":"/radix/components/views-view","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Component implementation for main view component.","breadcrumbs":[{"label":"Components"}]},{"id":"wFushCjfYT5OJNpF7t6C","title":"Views: view--grid","pathname":"/radix/components/views-view-grid","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Component implementation for views to display rows in a grid.","breadcrumbs":[{"label":"Components"}]},{"id":"iDXsEHUWzSFyBRIZB1G8","title":"Views: view--table","pathname":"/radix/components/views-view-table","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Component implementation for displaying a view as a table.","breadcrumbs":[{"label":"Components"}]},{"id":"HE7Vpa9xySBKdXGjvXMZ","title":"Views: view--unformatted","pathname":"/radix/components/views-view-unformatted","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Implementation to display a view of unformatted rows.","breadcrumbs":[{"label":"Components"}]},{"id":"ZxVIgJnNAguLdLcsPR1a","title":"Migration and upgrading","pathname":"/radix/misc/migration-and-upgrading","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"How to upgrade from 5.x, 4.x or even 3.x","breadcrumbs":[{"label":"Misc"}]},{"id":"VzOVSruPxIZZgnVQyOe7","title":"Roadmap","pathname":"/radix/misc/roadmap","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Roadmap for Radix","breadcrumbs":[{"label":"Misc"}]},{"id":"AOyNYUo1YmvSEANC4Vdq","title":"Credits & Contributions","pathname":"/radix/misc/credits-and-contributions","siteSpaceId":"sitesp_2fXjW","lang":"en","description":"Crediting where credit is due and community contribution","breadcrumbs":[{"label":"Misc"}]}]}