> For the complete documentation index, see [llms.txt](https://legacy-docs.aragon.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legacy-docs.aragon.org/developers/tools/aragonui/overlays/help.md).

# Help

Provide contextual help content.

Note: when `Help` is used inside a `Box` heading, it will add the left margin automatically.

## Usage <a href="#usage" id="usage"></a>

```jsx
<Help hint="What are Ethereum addresses made of?">
  Ethereum addresses are composed of the prefix "0x", a common identifier for
  hexadecimal, concatenated with the rightmost 20 bytes of the Keccak-256 hash
  (big endian) of the ECDSA public key (the curve used is the so called
  secp256k1, the same as Bitcoin).
</Help>
```

## Props <a href="#props" id="props"></a>

#### `hint` <a href="#hint" id="hint"></a>

| TYPE     | DEFAULT VALUE   |
| -------- | --------------- |
| `String` | None (required) |

Used for the `title` attribute of the button.

#### `children` <a href="#children" id="children"></a>

| TYPE         | DEFAULT VALUE   |
| ------------ | --------------- |
| `React node` | None (required) |

The content that will be displayed inside the popover.