Modern, minimal css tooptip library with accessibility baked in. Just `1kb` minified and gzipped.
---
## Table of Contents
- [Installation](#installation)
- [Setup](#setup)
- [Usage](#usage)
- [Customization](#customization)
- [Related](#related)
## Installation
**via npm**
```shell
npm install microtip
```
**via yarn**
```shell
yarn add microtip
```
**via CDN**
```
https://unpkg.com/microtip/microtip.css
```
**direct download**
```shell
curl -o microtip https://github.com/ghosh/microtip/blob/master/microtip.css
```
## Setup
**in PostCSS**
```scss
@import 'microtip';
```
**in Webpack**
```javascript
import microtip from 'microtip/microtip.css'
```
**in SCSS**
```scss
@import 'microtip/microtip';
```
Make sure, `node_modules` is included in the `includePaths` setting. You can then directly import the library into your file.
## Usage
Using the tooltip is incredibly simple. Simply add a `aria-label` and `role="tooltip"` attribute to the element on which you want the tooltip to appear. The tooltip message is the attribute value `aria-label="your message"`. This along with a position modifier is all you need to get going. Example:-
```html
