Tooltip
Tooltip is same as Popover with one different - no delay on mouse hover.
TooltipBosons
Color
Color from the Tailwind palette.
type:
stringdefault:
whitevalues:
white, primary, secondary, warning, info, success, dangerId
Id reference.
type:
stringdefault:
tooltipPlacement
The position of the tooltip.
type:
stringdefault:
bottomOffset
Offset size.
type:
stringdefault:
10Examples
Basic example
Some content
Reference id
The tooltip activation button should always contain the 'data-x-ref' attribute. The default tooltip ID value is 'tooltip'.
1// Basic example
2
3@protons.Floating(&protons.FloatingBosons{Type: "tooltip"}) {
4 @atoms.Button(
5 &atoms.ButtonBosons{
6 Size: "md",
7 Title: "Button",
8 Attrs: gopress.Attrs{
9 "data-x-ref": "tooltip",
10 },
11 },
12 )
13 @atoms.Tooltip(
14 &atoms.TooltipBosons{}) {
15 Some content
16 }
17}Example with options
Some content
1// Example with id reference, placement and custom color
2
3@protons.Floating(&protons.FloatingBosons{Type: "tooltip"}) {
4 @atoms.Button(
5 &atoms.ButtonBosons{
6 Size: "md",
7 Title: "Button",
8 Attrs: gopress.Attrs{
9 "data-x-ref": "someitem",
10 },
11 },
12 )
13 @atoms.Tooltip(&atoms.TooltipBosons{
14 Id: "someitem",
15 Placement: "right",
16 Color: "primary",
17 }) {
18 Some content
19 }
20}