ember-cli-tooled v0.3.1

ember-cli-tooled

A lightweight CSS tooltip component for your Ember CLI app.

Check out the demo.

Installation

ember install ember-cli-tooled

Usage

From within your template.

{{#tooltip-message message="Hello world!"}}
  <button {{action "save"}}>Save</button>
{{/tooltip-message

{{tooltip-message message="Hello world!" position="right"}}

Options

Message

The string that is displayed within the tooltip. This is the only required option.

Example

{{tooltip-message message="A test tooltip"}}

Position

Set the position of the tooltip.

Default value is top

Values

• top
• right
• bottom
• left

Example

{{tooltip-message message="This tooltip will appear on right" position="right"}}

Size

Set the size of the tooltip.

Default value is medium

Values

• small
• medium
• large

Example

{{tooltip-message message="This is a small tooltip" size="small"}}

Theme

Default value is dark

Values

• dark
• light

Example

{{tooltip-message message="A light tooltip" theme="light"}}

Always visible

Set the tooltip to be permanently visible, as opposed to being triggered on an element hover.

Default value is false

Example

{{tooltip-message message="Tooltip is permanently visible" always=true}}

Animate

Have the tooltip animate in on hover.

Default value is true

Example

{{tooltip-message message="Tooltip will animate on hover" animate=true}}