> 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

Add CSS classes and IDs, or change a supported component’s HTML tag

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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.