Split Button

A split button is a dual-function menu button that offers a default action as well as the possibility of choosing a different action by selecting from a set of alternatives.

The label attribute adds the label text for the default action.

By default, the secondard action is given a locallized aria-label of "Show more actions", this can be overriden using the indicator-aria-label attribute. This will be read by screen-readers to clarify the purpose of the action.

Icons can be provided using the icon slot or the icon(deprecated) attribute(icon library) to display an icon for the default action.

The split-indicator attribute to sets the icon for the secondary action button. View list of available icon at the vivid icons gallery.

The appearance sets the Split Button's appearance.

The connotation attribute sets the Split Button's connotation.

The shape attribute sets the style of the Split Button's edges.

The size attribute sets the Split Button to one of the predefined block sizes.

The disabled attribute sets the disabled state of the Split Button.