BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<div class="relative inline-flex "
     data-controller="better-ui--tooltip"
     data-better-ui--tooltip-position-value="top"
     >
  <button class="px-4 py-2 bg-primary-600 text-white rounded-md">Hover me</button>
  <div class="fixed z-[9999] rounded-md whitespace-nowrap pointer-events-none opacity-0 invisible transition-opacity duration-200 bg-grayscale-900 text-white text-xs px-2 py-1"
       role="tooltip"
       data-better-ui--tooltip-target="tooltip">
    Tooltip text
  </div>
</div>
1
2
3
4
5
6
7
8
render BetterUi::TooltipComponent.new(
  text: text,
  position: position,
  variant: variant,
  size: size
) do
  '<button class="px-4 py-2 bg-primary-600 text-white rounded-md">Hover me</button>'.html_safe
end

No notes provided.

Param Description Input

—

—

—

—