# Components

## Components

- [Welcome](https://mariohernandez.gitbook.io/components/readme.md)
- [Start here](https://mariohernandez.gitbook.io/components/local-setup.md)
- [Setup](https://mariohernandez.gitbook.io/components/local-setup/setup.md)
- [Dependencies](https://mariohernandez.gitbook.io/components/local-setup/whats-included.md)
- [Front-end tooling](https://mariohernandez.gitbook.io/components/getting-started/frontend-tooling.md)
- [Create a new D9 theme](https://mariohernandez.gitbook.io/components/getting-started/theme-generator.md)
- [Component Architecture](https://mariohernandez.gitbook.io/components/getting-started/component-architecture.md)
- [Drupal Best Practices](https://mariohernandez.gitbook.io/components/getting-started/drupal-best-practices.md)
- [Drupal Attributes](https://mariohernandez.gitbook.io/components/getting-started/drupal-attributes.md)
- [Twig Blocks](https://mariohernandez.gitbook.io/components/getting-started/twig-blocks.md)
- [Global styles](https://mariohernandez.gitbook.io/components/basic-components/global-styles.md)
- [Adding webfonts](https://mariohernandez.gitbook.io/components/basic-components/adding-webfonts.md)
- [Heading Component](https://mariohernandez.gitbook.io/components/basic-components/heading.md)
- [Improving the Heading](https://mariohernandez.gitbook.io/components/basic-components/heading/improving-the-heading.md)
- [Button Component](https://mariohernandez.gitbook.io/components/basic-components/button.md)
- [Hero Component](https://mariohernandez.gitbook.io/components/a-components-lifecycle/hero.md)
- [Include statements](https://mariohernandez.gitbook.io/components/a-components-lifecycle/includes.md)
- [Drupal prep](https://mariohernandez.gitbook.io/components/a-components-lifecycle/drupal-prep.md)
- [Drupal entities](https://mariohernandez.gitbook.io/components/a-components-lifecycle/drupal-entities.md)
- [Homepage content type](https://mariohernandez.gitbook.io/components/a-components-lifecycle/homepage-content-type.md)
- [View modes](https://mariohernandez.gitbook.io/components/a-components-lifecycle/view-modes.md)
- [Add Hero to homepage](https://mariohernandez.gitbook.io/components/a-components-lifecycle/add-hero-to-homepage.md)
- [Drupal cache & twig debugging](https://mariohernandez.gitbook.io/components/a-components-lifecycle/cache-debug.md)
- [Twig template suggestions](https://mariohernandez.gitbook.io/components/a-components-lifecycle/twig-template-suggestions.md)
- [Getting field values](https://mariohernandez.gitbook.io/components/a-components-lifecycle/field-values.md)
- [Integrating the Hero](https://mariohernandez.gitbook.io/components/a-components-lifecycle/integrating-hero.md)
- [Drupal Libraries](https://mariohernandez.gitbook.io/components/a-components-lifecycle/drupal-libraries.md)
- [Hero Image styles](https://mariohernandez.gitbook.io/components/a-components-lifecycle/image-styles.md)
- [Card Component](https://mariohernandez.gitbook.io/components/card-component/card.md)
- [Component Variants](https://mariohernandez.gitbook.io/components/card-component/component-variants.md)
- [Card Variant](https://mariohernandez.gitbook.io/components/card-component/card-variant.md)
- [Author component](https://mariohernandez.gitbook.io/components/card-component/author-component.md)
- [Blog articles](https://mariohernandez.gitbook.io/components/drupal-site-building/blog-content-type.md)
- [View modes](https://mariohernandez.gitbook.io/components/drupal-site-building/view-modes.md)
- [Drupal Views](https://mariohernandez.gitbook.io/components/drupal-site-building/drupal-views.md)
- [Author](https://mariohernandez.gitbook.io/components/drupal-site-building/author.md)
- [Generate content](https://mariohernandez.gitbook.io/components/drupal-site-building/generate-content.md)
- [Adding Blog Lists to the Homepage](https://mariohernandez.gitbook.io/components/drupal-site-building/adding-views-reference-to-homepage.md)
- [Integrating the Card](https://mariohernandez.gitbook.io/components/drupal-integrations/card.md)
- [Taxonomy terms](https://mariohernandez.gitbook.io/components/drupal-integrations/card/taxonomy-terms.md)
- [Integrating the Card Wide](https://mariohernandez.gitbook.io/components/drupal-integrations/integrating-the-card-wide.md)
- [Author integration](https://mariohernandez.gitbook.io/components/drupal-integrations/author.md)
- [From our blog](https://mariohernandez.gitbook.io/components/drupal-integrations/from-our-blog.md)
- [Integrating From our blog](https://mariohernandez.gitbook.io/components/drupal-integrations/integrating-from-our-blog.md)
- [Featured Content](https://mariohernandez.gitbook.io/components/drupal-integrations/featured-content.md)
- [Integrating Featured Content](https://mariohernandez.gitbook.io/components/drupal-integrations/integrating-featured-content.md)
- [Blog image styles](https://mariohernandez.gitbook.io/components/drupal-integrations/blog-image-styles.md)
- [Blog detail page](https://mariohernandez.gitbook.io/components/drupal-integrations/blog.md)
- [Image Styles](https://mariohernandez.gitbook.io/components/extras/image-styles.md)
- [Navigation](https://mariohernandez.gitbook.io/components/extras/navigation.md)
- [Resources](https://mariohernandez.gitbook.io/components/resources/resources.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://mariohernandez.gitbook.io/components/readme.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.
