> For the complete documentation index, see [llms.txt](https://docs.trydrupal.com/radix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trydrupal.com/radix/components.md).

# Components

- [Accordion](https://docs.trydrupal.com/radix/components/accordion.md): Build vertically collapsing accordions in combination with our Collapse JavaScript plugin.
- [Alerts](https://docs.trydrupal.com/radix/components/alerts.md): Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
- [Badge](https://docs.trydrupal.com/radix/components/badge.md): Documentation and examples for badges, our small count and labeling component.
- [Block](https://docs.trydrupal.com/radix/components/block.md): The block component template serves as a flexible and dynamic structure for creating block elements in your Drupal theme.
- [Buttons](https://docs.trydrupal.com/radix/components/buttons.md): Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
- [Button Group](https://docs.trydrupal.com/radix/components/button-group.md): Group a series of buttons together on a single line or stack them in a vertical column.
- [Breadcrumb](https://docs.trydrupal.com/radix/components/breadcrumb.md): Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
- [Card](https://docs.trydrupal.com/radix/components/card.md): Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
- [Carousel](https://docs.trydrupal.com/radix/components/carousel.md): A slideshow component for cycling through elements—images or slides of text—like a carousel.
- [Close button](https://docs.trydrupal.com/radix/components/close-button.md): A generic close button for dismissing content like modals and alerts.
- [Comment](https://docs.trydrupal.com/radix/components/comment.md): A generic Drupal comment field override.
- [Collapse](https://docs.trydrupal.com/radix/components/collapse.md): Toggle the visibility of content across your project with a few classes and our JavaScript plugins.
- [Details](https://docs.trydrupal.com/radix/components/details.md): Details tag that can be used to show and hide content. Similar to Collapse
- [Dropdown menu](https://docs.trydrupal.com/radix/components/dropdown-menu.md): Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
- [Field](https://docs.trydrupal.com/radix/components/field.md): A field is a form element that allows the user to input data. It can be used to input text, numbers, dates, etc.
- [Field Comment](https://docs.trydrupal.com/radix/components/field-comment.md): 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.
- [Fieldset](https://docs.trydrupal.com/radix/components/fieldset.md): The fieldset component is used to group related form elements.
- [Figure](https://docs.trydrupal.com/radix/components/figure.md): A figure is a visual representation of data, such as a chart or a graph or an image wrapper.
- [Form](https://docs.trydrupal.com/radix/components/form.md): 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
- [Form: Element](https://docs.trydrupal.com/radix/components/form-element.md): A form element is a component that is used to collect user input. It is a wrapper around the native HTML form elements.
- [Form Element Label](https://docs.trydrupal.com/radix/components/form-element-label.md): 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.
- [Form Element: Radio Checkbox](https://docs.trydrupal.com/radix/components/form-element-radio-checkbox.md): A form element for radio and checkbox inputs.
- [Heading](https://docs.trydrupal.com/radix/components/heading.md): All HTML headings, \<h1> through \<h6> are available.
- [HTML](https://docs.trydrupal.com/radix/components/html.md): Theme implementation is designed for the primary structure of a Drupal page.
- [Image](https://docs.trydrupal.com/radix/components/image.md): Image component with responsive behavior for the system image.
- [Input](https://docs.trydrupal.com/radix/components/input.md): Give textual form controls \<input>s an upgrade with custom styles, sizing, focus states, and more.
- [List group](https://docs.trydrupal.com/radix/components/list-group.md): 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.
- [Local Tasks](https://docs.trydrupal.com/radix/components/local-tasks.md): 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.
- [Media](https://docs.trydrupal.com/radix/components/media.md): 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.
- [Modal](https://docs.trydrupal.com/radix/components/modal.md): Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
- [Nav](https://docs.trydrupal.com/radix/components/nav.md): Documentation and examples for how to use Bootstrap’s included navigation components.
- [Nav Item](https://docs.trydrupal.com/radix/components/nav-item.md): A theme override for rendering a single link within a navigation structure.
- [Navbar](https://docs.trydrupal.com/radix/components/navbar.md): 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.
- [Navbar Brand](https://docs.trydrupal.com/radix/components/navbar-brand.md): The Drupal Navbar-brand component/block. It offers options for site name, slogan, image branding, and link configuration.
- [Node](https://docs.trydrupal.com/radix/components/node.md): A template for rendering a Node in Drupal.
- [Offcanvas](https://docs.trydrupal.com/radix/components/offcanvas.md): Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.
- [Page](https://docs.trydrupal.com/radix/components/page.md): A template for constructing the page layout.
- [Page: Content](https://docs.trydrupal.com/radix/components/page-content.md): This template is tailored for the content section of a web page, designed to provide a structured and customizable layout for displaying main content.
- [Page: Footer](https://docs.trydrupal.com/radix/components/page-footer.md): This template is specifically designed for creating a Page Footer component in your main Page template.
- [Page: Navigation](https://docs.trydrupal.com/radix/components/page-navigation.md): This template is crafted for constructing the Page Navigation component within your main Page component.
- [Page: Title](https://docs.trydrupal.com/radix/components/page-title.md): The Page Title component is responsible for rendering the page's main heading using the h1 HTML tag.
- [Pagination](https://docs.trydrupal.com/radix/components/pagination.md): Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
- [Progress](https://docs.trydrupal.com/radix/components/progress.md): Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.
- [Radios](https://docs.trydrupal.com/radix/components/radios.md): A theme override for a 'radios' type form element.
- [Region](https://docs.trydrupal.com/radix/components/region.md): 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.
- [Select](https://docs.trydrupal.com/radix/components/select.md): A select component is a dropdown list of options that allows users to choose one option.
- [Spinners](https://docs.trydrupal.com/radix/components/spinners.md): Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.
- [Table](https://docs.trydrupal.com/radix/components/table.md): A template for creating a Table, designed to present data in a structured, tabular format.
- [Taxonomy](https://docs.trydrupal.com/radix/components/taxonomy.md): A component template for rendering taxonomy entities.
- [Textarea](https://docs.trydrupal.com/radix/components/textarea.md): A theme override for a textarea form element enhances multi-line text input areas.
- [Toasts](https://docs.trydrupal.com/radix/components/toasts.md): Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
- [Tooltips](https://docs.trydrupal.com/radix/components/tooltips.md): Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage.
- [User](https://docs.trydrupal.com/radix/components/user.md): A theme implementation for rendering user profiles.
- [Views: view](https://docs.trydrupal.com/radix/components/views-view.md): Component implementation for main view component.
- [Views: view--grid](https://docs.trydrupal.com/radix/components/views-view-grid.md): Component implementation for views to display rows in a grid.
- [Views: view--table](https://docs.trydrupal.com/radix/components/views-view-table.md): Component implementation for displaying a view as a table.
- [Views: view--unformatted](https://docs.trydrupal.com/radix/components/views-view-unformatted.md): Implementation to display a view of unformatted rows.