## Tipsy
### 基本類名
`.mui-tipsy--`
> 用于替代默認title, 使用`data-tipsy`代替默認title屬性, 樣式前綴 `mui-tipsy--方向`
#### 上方偏左
```html
<button class="mui-button mui-tipsy--nw" data-tipsy="上左">上左</button>
```
#### 上方正中(常用)
```html
<button class="mui-button mui-tipsy--n" data-tipsy="上中">上中</button>
```
#### 上方偏右
```html
<button class="mui-button mui-tipsy--ne" data-tipsy="上右">上右</button>
```
#### 居右
```html
<button class="mui-button mui-tipsy--e" data-tipsy="右中">右中</button>
```
#### 下方偏右
```html
<button class="mui-button mui-tipsy--se" data-tipsy="下右">下右</button>
```
#### 下方正中
```html
<button class="mui-button mui-tipsy--s" data-tipsy="下中">下中(下)</button>
```
#### 下方偏左
```html
<button class="mui-button mui-tipsy--sw" data-tipsy="下左">下左</button>
```
#### 居左
```html
<button class="mui-button mui-tipsy--w" data-tipsy="左中">左中</button>
```
