DWG · 03.01 · COMPONENT SPEC

Tooltip

A small annotation flag revealed on hover or focus. Wraps any single focusable element; content reads best as short, uppercase technical text.

Default

03.01·A
PREVIEWPX · 1:1
<Tooltip content="Regenerate all sheets">
  <Button>Rebuild</Button>
</Tooltip>

Placement

03.01·B
PREVIEWPX · 1:1
<Tooltip content="North" side="top"><Button variant="secondary">Top</Button></Tooltip>
<Tooltip content="East" side="right"><Button variant="secondary">Right</Button></Tooltip>
<Tooltip content="South" side="bottom"><Button variant="secondary">Bottom</Button></Tooltip>
<Tooltip content="West" side="left"><Button variant="secondary">Left</Button></Tooltip>

On any element

03.01·C
PREVIEWPX · 1:1
Draft
<Tooltip content="Awaiting sign-off">
  <Badge tone="warn">Draft</Badge>
</Tooltip>