Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@forter/tooltip

forter1Apache-2.02.4.0

Tooltip from Forter Components

web-components, custom-elements, lit-element, lit-element-2.x

readme

fc-tooltip

a small popping label upon hovering.

Usage

<script>
   import '@forter/tooltip';
</script>

<fc-tooltip>
   <fc-button intent="primary">Peeka...</fc-button>
</fc-tooltip>

Examples

<!-- invalid -->
<fc-tooltip position="invalid">
   <fc-button intent="primary">Peeka...</fc-button>
</fc-tooltip>

Properties

Property Attribute Type Default Description
position | "top" | "left" | "bottom" | "right" |
showing showing boolean false Whether tooltip is shown.
tooltip tooltip string "Placeholder!" the tooltip text. example: Can be long explaination

Events

Event Description
opened when tooltip is showed. method: toggle, example: { "showing": true }

Slots

Name Description
| tooltip element. example: <fc-button intent="apply">Peeka...</fc-button>

CSS Custom Properties

Property Description
--fc-tooltip-background-color tooltip background color. default: #212529
--fc-tooltip-width tooltip width. default: max-content

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.4.0 (2022-11-16)

Features

2.3.0 (2022-11-06)

Features

  • tooltip: adding background color to tooltip (#1112) (6aecdb9)

2.2.1 (2022-10-26)

Note: Version bump only for package @forter/tooltip

2.2.0 (2022-08-08)

Features

  • tooltip: add --fc-tooltip-width css prop (#1060) (3eea632)

2.1.0 (2021-05-06)

Features

  • tooltip: upgrade dependencies fix package (#703) (c760689)

2.0.13 (2020-04-06)

Note: Version bump only for package @forter/tooltip

2.0.11 (2020-02-05)

Note: Version bump only for package @forter/tooltip

2.0.10 (2020-02-04)

Note: Version bump only for package @forter/tooltip

2.0.9 (2020-01-10)

Note: Version bump only for package @forter/tooltip

2.0.8 (2019-12-31)

Note: Version bump only for package @forter/tooltip

2.0.7 (2019-12-26)

Note: Version bump only for package @forter/tooltip

2.0.6 (2019-12-04)

Note: Version bump only for package @forter/tooltip

2.0.5 (2019-12-04)

Note: Version bump only for package @forter/tooltip

2.0.4 (2019-11-27)

Note: Version bump only for package @forter/tooltip

2.0.3 (2019-09-19)

Note: Version bump only for package @forter/tooltip

2.0.2 (2019-09-19)

Note: Version bump only for package @forter/tooltip

2.0.1 (2019-09-09)

Note: Version bump only for package @forter/tooltip

2.0.0 (2019-09-02)

Bug Fixes

  • tooltip: lint and use theme css (7348e19)
  • tooltip: use prefers-reduced-motion (348e483)

Features

  • helpers: break helpers up into smaller packages (c315923)
  • tooltip: implement tooltip (1546bcb)

BREAKING CHANGES

  • helpers: Deprecates most functionality in `helpers` and moves them to new packages