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

# Advanced

Every built-in component provides Classes and ID fields. Components that support a semantic wrapper also provide HTML Tag controls.

### Classes

**Classes** is blank by default. Add space-separated CSS class names without a leading dot:

```
rounded-lg shadow-lg
```

Elements supports Tailwind utility classes and classes supplied by your own CSS. Use [Tailwind CSS documentation](https://tailwindcss.com/docs/) to confirm syntax.

{% hint style="warning" %}
Utility classes can conflict with Inspector-generated classes. Test custom classes at every breakpoint and prefer the Inspector when it already provides the setting.
{% endhint %}

### ID

**ID** is blank by default and is not responsive. Enter the value without `#`:

```
about-section
```

Use short, unique IDs containing letters, numbers, hyphens, or underscores. Do not reuse an ID on the same page.

IDs can:

* Create an [anchor destination](/elements-docs/using-elements/components/common-controls/link.md#linking-to-an-anchor).
* Target a component with CSS or JavaScript.
* Identify the hover parent used by [Effects](/elements-docs/using-elements/components/common-controls/effects.md), [Filters](/elements-docs/using-elements/components/common-controls/filters.md), and [Transforms](/elements-docs/using-elements/components/common-controls/transforms.md).

{% embed url="<https://www.youtube.com/watch?v=VEqrlcXydTs>" %}

### HTML Tag

HTML Tag is available only on components that support changing their wrapper.

**Tag** defaults to **Default (set by the component)**. Options are:

* Div
* Span
* Section
* Article
* Aside
* Header
* Footer
* Nav
* Main
* Custom

Custom reveals a text field that defaults to `div`. Enter only the tag name, without angle brackets.

{% hint style="info" %}
Choose tags for meaning, not appearance. A page should normally have one Main region, navigation belongs in Nav, and Section or Article should be used only when the content forms a meaningful document section.
{% endhint %}

### Custom Attributes

Some components, including Container, provide an additional Custom Attributes collection. Each item has an Attribute and Value. Use valid HTML attributes and do not duplicate attributes already generated by Elements.


---

# 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 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, and the optional `goal` query parameter:

```
GET https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/advanced.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.