<commit_before>Ember-tooltips [![Build Status](https://travis-ci.org/sir-dunxalot/ember-tooltips.svg)](https://travis-ci.org/sir-dunxalot/ember-tooltips)
======

Render simple tooltips on components, views, HTML elements, and more using simple strings, HTMLBars, bound properties, and more.

Powered by <a href="http://darsa.in/tooltip/" target="_blank">darsain/tooltip (demo here)</a>.

## Installation

```
ember install ember-tooltips
```

## Usage

Documentation for usage is below:

- [Supported properties](#supported-properties)
- [Using on helpers](#using-on-helpers)
- [Using as a component](#using-as-a-component)
- [Using on HTML elements](#using-on-html-elements)
- [Customizing the mixin](#customizing-the-mixin)

### Supported Properties

This addon aims to maintain parity with all Tooltip library features. Current supported properties are:

- auto (true or false. Defaults to true)
- effectClass (none, fade, slide, or grow. Defaults to slide)
- event (Any kind of [jQuery event](https://api.jquery.com/category/events/))
- place (defaults to top)
- spacing (defaults to 10)
- typeClass (can be any string. No default)

**Please note**, depending on your use case, you may have to prefix or modify the property name. For example, `effectClass`, `tooltipEffectClass` or `tooltip-effect-class`. More info is in each section below.

Default values can be set [on the `ember-tooltips` mixin](#customizing-the-mixin).

### Using on Helpers

The most common way to use a tooltip is on a helper. Examples of such helpers are `{{#link-to}}`, `{{#some-component}}`, or `{{view 'table'}}`.

All supported properties should be prefixed by `tooltip` and should be camelCased.

To add a tooltip to any component:

```hbs
{{#some-component tooltipContent='This is the tooltip'}}
  Hover over me!
{{/some-component}}
```

You can use multiple options:

```hbs
{{#some-component
  tooltipContent='This is the tooltip'
  tooltipPlace='Right'<commit_msg>Default event added<commit_after>Ember-tooltips [![Build Status](https://travis-ci.org/sir-dunxalot/ember-tooltips.svg)](https://travis-ci.org/sir-dunxalot/ember-tooltips)
======

Render simple tooltips on components, views, HTML elements, and more using simple strings, HTMLBars, bound properties, and more.

Powered by <a href="http://darsa.in/tooltip/" target="_blank">darsain/tooltip (demo here)</a>.

## Installation

```
ember install ember-tooltips
```

## Usage

Documentation for usage is below:

- [Supported properties](#supported-properties)
- [Using on helpers](#using-on-helpers)
- [Using as a component](#using-as-a-component)
- [Using on HTML elements](#using-on-html-elements)
- [Customizing the mixin](#customizing-the-mixin)

### Supported Properties

This addon aims to maintain parity with all Tooltip library features. Current supported properties are:

- auto (true or false. Defaults to true)
- effectClass (none, fade, slide, or grow. Defaults to slide)
- event (any kind of [jQuery event](https://api.jquery.com/category/events/), defaults to hover)
- place (defaults to top)
- spacing (defaults to 10)
- typeClass (can be any string. No default)

**Please note**, depending on your use case, you may have to prefix or modify the property name. For example, `effectClass`, `tooltipEffectClass` or `tooltip-effect-class`. More info is in each section below.

Default values can be set [on the `ember-tooltips` mixin](#customizing-the-mixin).

### Using on Helpers

The most common way to use a tooltip is on a helper. Examples of such helpers are `{{#link-to}}`, `{{#some-component}}`, or `{{view 'table'}}`.

All supported properties should be prefixed by `tooltip` and should be camelCased.

To add a tooltip to any component:

```hbs
{{#some-component tooltipContent='This is the tooltip'}}
  Hover over me!
{{/some-component}}
```

You can use multiple options:

```hbs
{{#some-component
  tooltipContent='This is the tooltip'
  tooltipPlace='Right'
{'fraction_non_alphanumeric': 0.13304502671076063, 'fraction_numerical': 0.0010175527855507504, 'mean_word_length': 4.816568047337278, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '696536', 'n_tokens_mistral': 1237, 'n_tokens_neox': 1190, 'n_words': 430}