Skip to content

VSplitButton

Props

NameTypeDescription
appearanceEnum:
ghost
filled
outlined
outlined-light
Sets the appearance
connotationEnum:
alert
accent
cta
success
announcement
Sets the connotation
disabledbooleanSets the disabled state
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
... 1266 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons and icon-names See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
indicator-aria-labelstringAccessible label for the secondary action
labelstringIndicates the split button's label.
shapeEnum:
rounded
pill
Sets the shape
sizeEnum:
condensed
normal
expanded
super-condensed
Sets the size
split-indicatorstringIcon for the secondary action

Events

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

Slots

NameDescription
defaultDefault slot.
iconThe preferred way to add an icon to the component.