Skip to content
On this page

VSplitButton

Props

NameTypeDescription
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
connotationEnum:
accent
cta
success
alert
The connotation the split button should have.
shapeEnum:
rounded
pill
The shape the split button should have.
appearanceEnum:
filled
outlined
ghost
The appearance the split button should have.
sizeEnum:
super-condensed
condensed
normal
expanded
The size the split button should have.
labelstringIndicates the split button's label.
iconEnum:
10-sec-backward-line
10-sec-backward-solid
10-sec-forward-line
10-sec-forward-solid
30-sec-backward-line
30-sec-backward-solid
30-sec-forward-line
30-sec-forward-solid
5-sec-backward-line
5-sec-backward-solid
5-sec-forward-line
5-sec-forward-solid
... 1208 more ...
Indicates the split button's icon. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
split-indicatorstringIndicates the split button's icon indicator.
disabledbooleanIndicates if the button is disabled.
aria-labelstring
aria-expandedstring
indicator-aria-labelstringDefines a string value that labels the indicator element. https://www.w3.org/TR/wai-aria-1.1/#aria-label

Events

NameEvent TypeDescription
clickMouseEventFires 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.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.
action-clickCustomEvent<undefined>Event emitted when the action button is clicked
indicator-clickCustomEvent<undefined>Event emitted when the indicator button is clicked

Slots

NameDescription
defaultDefault slot.
iconAdd an icon to the component.