Split Button

A button with two parts: a label and an arrow; clicking on the label selects a default action, and clicking on the arrow opens up a list of other possible actions.

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.