Skip to main content
Brand
Changelogv0.44

Component primitive

Brand Tooltip

<brand-tooltip> wraps Web Awesome's <wa-tooltip>. Trigger goes in the default slot; hint goes in the content attribute or slot.

<brand-tooltip>Framework-agnostic custom element
Light themeSemantic surface
Dark themeSame component API
Element
<brand-tooltip>
Library
Brand
Runtime
Web Component
Theming
Semantic tokens

Basic

SaveDelete

Placement

TopBottomLeftRight

Usage

import { BrandTooltip } from '@brandos/ui';

<brand-tooltip content="Save changes">
  <brand-button variant="primary">Save</brand-button>
</brand-tooltip>