Tooltip
StableShedding a little extra light on features.
This is a help icon!
Description
Tooltips are often used as elements to add a little more extra context than purely visual. We use these often in conjunction with data or charts or anywhere that may require the user to focus on an action.
You must handle the visibility toggle via your app.
Usage
Below is an example of how to use the Tooltip and its mark up.
import { Tooltip } from '@artilleryio/alpha-centauri-components';
...
<Tooltip label="My tooltip!" align="top" visible={false}> My tooltip! </Tooltip>
API Reference
Prop | Type | Options | Default value |
---|---|---|---|
label | string |
| |
align | string | top, left, bottom, right | top |
visible | boolean | true, false | false |
lightBg | boolean | true, false | false |