# tooltip — Examples

## text

```html
<tooltip-ui text="Save your changes">
  <button-ui text="Save" variant="primary"></button-ui>
</tooltip-ui>
```

## placement

```html
<tooltip-ui text="Appears on top" placement="top">
  <button-ui text="Top" variant="outline"></button-ui>
</tooltip-ui>
```

## delay

```html
<tooltip-ui text="Instant tooltip" delay="0">
  <button-ui text="No Delay" variant="outline"></button-ui>
</tooltip-ui>
```
