[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]
[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]
## Table of Contents
- [Installation](#installation)
- [CSS imports](#css-imports)
- [CSS resources](#css-resources)
- [Usage](#usage)
- [Position](#position)
## Installation
Use the `ng add` command to quickly install all the needed dependencies:
```bash
ng add @terminus/ui-tooltip
```
### CSS imports
In your top-level stylesheet, add these imports:
```css
@import '~@terminus/design-tokens/css/library-design-tokens.css';
@import '~@terminus/ui-styles/terminus-ui.css';
```
### CSS resources
Load the needed font families by adding this link to the `` of your application:
```css
```
## Usage
```html
My tooltip trigger!
```
### Position
Set the position to one of the allowed `TsTooltipPositionTypes` (default is `below`).
```html
My tooltip trigger!
```
[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE
[license-image]: http://img.shields.io/badge/license-MIT-blue.svg
[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss
[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg
[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-tooltip.svg
[npm-package]: https://www.npmjs.com/package/@terminus/ui-tooltip
[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg
[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22
[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-tooltip/bundles/terminus-ui-tooltip.umd.min.js?compression=gzip
[raw-distribution-js]: https://unpkg.com/@terminus/ui-tooltip/bundles/terminus-ui-tooltip.umd.js