Skip to main content

BriteTooltip

Sharedcomponent✓ stamped

Hover / focus tooltip.

@brite-nites/design-system/primitives/brite-tooltip

Radix primitives with Linear-style chrome: dark fill, 250ms delay, arrow that matches the frame color and sits behind the text layer. Optional right-aligned shortcut chip. TooltipProvider is mounted in the root layout so tooltips work app-wide.

Default

Hover any icon button.

With keyboard shortcut

Pass a shortcut string to render a right-aligned kbd chip inside the tooltip body.

Placement

side controls which edge of the trigger anchors the tooltip. Default is top.

side='top' (default)
side='right'
side='bottom'
side='left'

On text / inline

Wrap inline triggers — a span, a badge, or a data cell — to surface context on hover.

Last synced3 min ago