Skip to content

Tooltip Component

A tooltip component for showing more info

Properties

NameTypeDefaultDescription
placement'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end''top'the position of the tooltip
dismissiblebooleantrueis the tooltip dismissible?
widthstring'0'tooltip's width
arrow-offsetstring''tooltip's arrow offset

Slots

NameDescription
defaultthe label of the tooltip
defaultthe tooltip's target element

Events

NameDescription
dismissFires when the toast dismiss button is clicked