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

# Help Text

The Avonni Help Text displays a small icon that reveals contextual information in a tooltip when users hover over or focus on it. Use it to add brief guidance next to a field, label, or section without cluttering the page.

## Overview

The Help Text is intentionally simple: it shows an icon, and when a user points at or tabs to that icon, the tooltip content you define appears. Because it has no data source of its own, configuration is quick — you choose the tooltip content, which icon to display, the icon's color treatment, and what screen readers should announce. The sections below follow the configuration panel from top to bottom, so you can read along as you build.

## Configuration

To configure the Help Text, select it on the canvas. The **Edit Help Text** panel opens on the right with three tabs: **Properties**, **Interactions**, and **Style**. The sections below mirror the Properties tab.

### Properties

The Properties tab contains all of the Help Text's settings in a single group.

#### Content

The **Content** setting holds the text shown inside the tooltip. It is displayed when users hover over or focus on the icon, so use it to provide the guidance or explanation you want them to read.

#### Icon Name

The **Icon Name** setting chooses which icon represents the help text. Pick any Lightning Design System icon so the visual cue matches the context — for example, an information or question icon.

#### Variant

The **Variant** setting changes the appearance of the icon so it stays visible against its background. Pick the option that fits the area around it:

* **Bare** (default) — the standard icon appearance.
* **Inverse** — a light icon designed to stand out against dark backgrounds.
* **Warning** — styles the icon to signal a warning.
* **Error** — styles the icon to signal an error.

#### Alternative Text

The **Alternative Text** setting lets you provide assistive text for the icon button. Assistive technologies, such as screen readers, announce this text so that users who can't see the icon still understand its purpose.

### Set Component Visibility

All components support conditional visibility — see [Component Visibility](/dynamic-components/core-concepts/component-visibility.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 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.avonnicomponents.com/dynamic-components/components/helptext.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.