Tooltip

CSS-only hover tooltip. Four placement options. No JavaScript required.

primitive tooltip

Controls

placement

text

Current props

placement: ""
text: ""

Usage

primitive.Tooltip(
    primitive.TooltipProps{Text: "More info", Placement: primitive.TooltipTop},
    primitive.Button(primitive.ButtonProps{Variant: token.Outline}, g.Text("Hover me")),
)

All combinations (4)

Enum controls only · bool and text use defaults

top

Tooltip text

bottom

Tooltip text

left

Tooltip text

right

Tooltip text

Props

Name	Type	Options	Default
`placement`	enum	`top, bottom, left, right`	`top`
`text`	text	`—`	`Tooltip text`