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
... 1268 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
indicator-clickCustomEvent<undefined>Event emitted when the indicator button is clicked

Slots

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