Skip to content
Docs

@hua-labs/ui
v1.1.0

bash
npm install @hua-labs/hua
tsx
import { Tooltip } from "@hua-labs/hua";

content*string-docs:components.tooltip.props.content
position"top" | "bottom" | "left" | "right""top"docs:components.tooltip.props.position
variant"default" | "light" | "dark""default"docs:components.tooltip.props.variant
delaynumber300docs:components.tooltip.props.delay
disabledbooleanfalsedocs:components.tooltip.props.disabled

docs:common.basicUsagetsx
1// Via framework (recommended)
2import { Tooltip, Button } from '@hua-labs/hua';
3// Or direct import
4// import { Tooltip } from '@hua-labs/ui/interactive';
5 
6<Tooltip content="This is helpful text">
7  <Button>Hover me</Button>
8</Tooltip>
docs:components.tooltip.demo.positionstsx
1<Tooltip content="Top" position="top"><Button>Top</Button></Tooltip>
2<Tooltip content="Bottom" position="bottom"><Button>Bottom</Button></Tooltip>
3<Tooltip content="Left" position="left"><Button>Left</Button></Tooltip>
4<Tooltip content="Right" position="right"><Button>Right</Button></Tooltip>
docs:common.variantstsx
1<Tooltip content="Default" variant="default">...</Tooltip>
2<Tooltip content="Light" variant="light">...</Tooltip>
3<Tooltip content="Dark" variant="dark">...</Tooltip>
TabsToast