2.4.0 • Published 1 year ago

@forter/tooltip v2.4.0

Weekly downloads
29
License
Apache-2.0
Repository
github
Last release
1 year ago

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

PropertyAttributeTypeDefaultDescription
position"top" \| "left" \| "bottom" \| "right"
showingshowingbooleanfalseWhether tooltip is shown.
tooltiptooltipstring"Placeholder!"the tooltip text. example: Can be long explaination

Events

EventDescription
openedwhen tooltip is showed. method: toggle, example: { "showing": true }

Slots

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

CSS Custom Properties

PropertyDescription
--fc-tooltip-background-colortooltip background color. default: #212529
--fc-tooltip-widthtooltip width. default: max-content
web-componentscustom-elementslit-elementlit-element-2.x
@forter/core
@infinitebrahmanuniverse/nolb-_fort@everything-registry/sub-chunk-338@forter/table
2.3.0

2 years ago

2.2.1

2 years ago

2.4.0

1 year ago

2.2.0

2 years ago

2.1.0

3 years ago

2.0.13

4 years ago

2.0.12

4 years ago

2.0.11

4 years ago

2.0.10

4 years ago

2.0.9

4 years ago

2.0.8

4 years ago

2.0.7

4 years ago

2.0.5

4 years ago

2.0.6

4 years ago

2.0.4

4 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago