Tooltip
Tooltips are used to provide additional information about an element when the user hovers over it. They are commonly used in forms, buttons, and other interactive elements.
Hover me
Tooltip Title
Tooltip DescriptionLoading Code Block...Installation
Section titled “Installation”To get started, install Butterfly DS via aqua:
Loading Code Block...Loading Code Block...Position
Section titled “Position”top
Hover me
Tooltip Title
Tooltip DescriptionLoading Code Block...Alignment
Section titled “Alignment”start
Hover me
Tooltip Title
Tooltip DescriptionLoading Code Block...| Props | Default | Type | Description |
|---|---|---|---|
| title | null | string | The title of the tooltip content. |
| description | null | string | The content in the tooltip. |
| children | null | node | The content of the tooltip, typically text or an element. |
| position | top | top | bottom | left | right | The position of the tooltip relative to the element. |
| alignment | center | start | center | end | The alignment of the tooltip text. |
| variant | default | string | The variant of the tooltip. |