# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.trydrupal.com/radix/components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.