Miss any of our Open RFC calls?Watch the recordings here! »

@forter/tooltip

2.0.13 • Public • Published

fc-tooltip

a small popping label upon hovering.

Usage

<script>
   import '@forter/tooltip';
</script> 
 
<fc-tooltip>
   <fc-button intent="apply">Peeka...</fc-button>
</fc-tooltip>

Examples

<!-- invalid -->
<fc-tooltip position="invalid">
   <fc-button intent="apply">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>

Install

npm i @forter/tooltip

DownloadsWeekly Downloads

4

Version

2.0.13

License

Apache-2.0

Unpacked Size

59.7 kB

Total Files

40

Last publish

Collaborators

  • avatar
  • avatar
  • avatar