jingrow c7bac1a7a0
Some checks failed
Publish on NPM / publish (push) Has been cancelled
Build and Deploy Storybook / build (push) Has been cancelled
Tests / test (push) Has been cancelled
initial commit
2025-10-24 00:40:30 +08:00

1.6 KiB

Tooltip

This component is a wrapper over the Popover component for an easy way to show tooltips on hover over elements.

Usage

<template>
  <Tooltip text="Edit Post">
    <Button icon="edit" label="Edit" />
  </Tooltip>
</template>

<script setup>
import { Tooltip, Button } from 'jingrow-ui'
</script>

Props

Name Default Value
text null String
hoverDelay 0.5 Number in seconds
placement 'top' top-start | top | top-end | bottom-start | bottom | bottom-end | right-start | right | right-end | left-start | left | left-end

Slots

Name Description
default Default slot to render the reference element