## slim.

Katherine

###### Tooltip

Default Tooltip

Four options are available: top, right, bottom, and left aligned.

Static Demo

Tooltip on the top
Tooltip on the bottom
Tooltip on the left
Tooltip on the right

Live Demo

Required Attributes

Attribute | Value
--- | ---
`data-placement="[value]"` | top | bottom | left | right
`title="[value]"` | Any title value that you have in mind.

Colored Tooltip

Colored tooltip. Four options are available: top, right, bottom, and left aligned.

Static Demo

Tooltip on the top
Tooltip on the bottom
Tooltip on the left
Tooltip on the right
Tooltip on the top
Tooltip on the bottom
Tooltip on the left
Tooltip on the right

Live Demo

Required Attributes

Attribute | Value
--- | ---
`data-toggle="tooltip-[value]"` | primary | success | warning | danger | info | indigo | purple | orange | teal | pink
`data-placement="[value]"` | top | bottom | left | right
`title="[value]"` | Any title value that you have in mind.