@foundation-base/tooltips

Tooltips component for foundation

Props

label: string

The label prop is to pass the content, that is to be displayed in the tooltip

position : string

The position prop can be one of top, bottom, left or right. It indicates where the tooltip is placed relative to the content, and where the tooltip arrow should appear. For example, for top, the tooltip arrow appears to the bottom of the tooltip, and is relatively placed on top of the content.

visible : boolean

The visible prop determines whether the tooltip is displayed or not.

styles: React.CSSProperties

The styles prop is to pass CSS styles, which are applied to the container of the tooltip. This can be preferrably used to absolutely position the tooltip, relative to the content.

Install

npm install --save @foundation-base/tooltips

License

MIT © lijoejohn