VToggletip
Props
| Name | Type | Description |
|---|---|---|
| anchor | Enum: string HTMLElement | ID or direct reference to the component's anchor element. |
| aria-current | Enum:pagesteplocationdatetimetruefalse | Indicates the element that represents the current item within a container or set of related elements. |
| headline | string | the optional title of the toggletip |
| alternate | boolean | toggle color scheme |
| placement | Enum:toprightbottomlefttop-starttop-endright-startright-endbottom-startbottom-endleft-startleft-end | placement of the toggletip |
| open | boolean | indicates whether the toggletip is open |
Events
| Name | Event Type | Description |
|---|---|---|
| click | MouseEvent | Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element. |
| focus | FocusEvent | Fires when the element receives focus. |
| blur | FocusEvent | Fires when the element loses focus. |
| keydown | KeyboardEvent | Fires when a key is pressed. |
| keyup | KeyboardEvent | Fires when a key is released. |
| input | Event | Fires when the value of an element has been changed. |
Slots
| Name | Description |
|---|---|
| default | The content to display in the toggletip. |
| anchor | Used to set the anchor element for the toggletip. |
| action-items | The content to display in the toggletip action items. |
Methods
| Name | Type | Description |
|---|---|---|
| openChanged | (oldValue: boolean,newValue: boolean) => void |