Skip to content

Commit 0339cc4

Browse files
committed
Updated Readme.md
1 parent 87567c2 commit 0339cc4

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

Readme.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -81,37 +81,37 @@ Angular tooltips allows you to use some options via `attribute` data
8181
You can set your tooltip to show on `left` or `right` or `top` or `bottom` position
8282
using the `tooltip-side=""` attribute
8383
```html
84-
<a href="#" tooltips title="tip" tooltip-side="top">Tooltip me</a>
85-
<a href="#" tooltips title="tip" tooltip-side="bottom">Tooltip me</a>
86-
<a href="#" tooltips title="tip" tooltip-side="left">Tooltip me</a>
87-
<a href="#" tooltips title="tip" tooltip-side="right">Tooltip me</a>
84+
<a href="#" tooltips tooltip-title="tip" tooltip-side="top">Tooltip me</a>
85+
<a href="#" tooltips tooltip-title="tip" tooltip-side="bottom">Tooltip me</a>
86+
<a href="#" tooltips tooltip-title="tip" tooltip-side="left">Tooltip me</a>
87+
<a href="#" tooltips tooltip-title="tip" tooltip-side="right">Tooltip me</a>
8888
```
8989

9090
####Tooltip title
9191
You can set your tooltip title (text/html doesn't matter)
9292
using the `tooltip-title=""` attribute or simply via `title=""` html attribute
9393

9494
```html
95-
<a href="#" tooltips title="Tooltip" tooltip-title="Hey" tooltip-content="<i>Woa!</i>">Tooltip me</a>
96-
<a href="#" tooltips title="Tooltip" title="Hey" tooltip-content="<i>Woa!</i>">Tooltip me</a>
95+
<a href="#" tooltips tooltip-title="tip" tooltip-title="Hey" tooltip-content="<i>Woa!</i>">Tooltip me</a>
96+
<a href="#" tooltips tooltip-title="tip" title="Hey" tooltip-content="<i>Woa!</i>">Tooltip me</a>
9797
```
9898

9999
####Tooltip content
100100
You can set your tooltip content (text/html doesn't matter)
101101
using the `tooltip-content=""` attribute
102102

103103
```html
104-
<a href="#" tooltips title="Tooltip" tooltip-content="<i>Woa!</i>">Tooltip me</a>
104+
<a href="#" tooltips tooltip-title="tip" tooltip-content="<i>Woa!</i>">Tooltip me</a>
105105
```
106106

107107
####Tooltip size
108108
You can set your tooltip size (small || medium || large)
109109
using the `tooltip-size=""` attribute
110110

111111
```html
112-
<a href="#" tooltips title="tip" tooltip-size="small">Tooltip me</a>
113-
<a href="#" tooltips title="tip"tooltip-size="medium">Tooltip me</a>
114-
<a href="#" tooltips title="tip" tooltip-size="large">Tooltip me</a>
112+
<a href="#" tooltips tooltip-title="tip" tooltip-size="small">Tooltip me</a>
113+
<a href="#" tooltips tooltip-title="tip" tooltip-size="medium">Tooltip me</a>
114+
<a href="#" tooltips tooltip-title="tip" tooltip-size="large">Tooltip me</a>
115115
```
116116
####Tooltip speed
117117
You can set the tooltip transition speed ('fast' || 'medium' || 'slow' || int(milliseconds))
@@ -128,8 +128,8 @@ If space is not available for tooltip , it will automatically search for a simil
128128
using the `tooltip-try=""` attribute
129129

130130
```html
131-
<a href="#" tooltips title="tip" tooltip-try="1">Tooltip me</a>
132-
<a href="#" tooltips title="tip" tooltip-try="0">Tooltip me</a>
131+
<a href="#" tooltips tooltip-title="tip" tooltip-try="1">Tooltip me</a>
132+
<a href="#" tooltips tooltip-title="tip" tooltip-try="0">Tooltip me</a>
133133
```
134134
####Tooltip lazy
135135
If you don't want to re-init the tooltip position everytime the tooltip trigger events are fired, you can set tooltip lazy mode (true || false)
@@ -147,9 +147,9 @@ I will init my position on mouseover only the first time event is fired
147147
####Tooltip triggers
148148
You can set your tooltip to show/hide on specific event/events, you can use the `tooltip-show-trigger=""` and the `tooltip-hide-trigger=""` attribute for this scope
149149
```html
150-
<a href="#" tooltips title="tip" tooltip-show-trigger="click" tooltip-side="top">Show tooltip only on click</a>
151-
<a href="#" tooltips title="tip" tooltip-hide-trigger="click" tooltip-side="bottom">Hide tooltip only on click</a>
152-
<a href="#" tooltips title="tip" tooltip-show-trigger="mouseover click" tooltip-hide-trigger="click" tooltip-side="left">Show tooltip on click and mouseover and hide tooltip only on click</a>
150+
<a href="#" tooltips tooltip-title="tip" tooltip-show-trigger="click" tooltip-side="top">Show tooltip only on click</a>
151+
<a href="#" tooltips tooltip-title="tip" tooltip-hide-trigger="click" tooltip-side="bottom">Hide tooltip only on click</a>
152+
<a href="#" tooltips tooltip-title="tip" tooltip-show-trigger="mouseover click" tooltip-hide-trigger="click" tooltip-side="left">Show tooltip on click and mouseover and hide tooltip only on click</a>
153153
```
154154

155155
####Tooltip CSS class

0 commit comments

Comments
 (0)