Vivid Logo Vivid

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.

Implementation

  • aria-label - When icon-only button is used, an aria-label should be provided to ensure that the user can understand the button's purpose.

  • indicator-aria-label - The indicator has a default aria-label, which will be a localised version of "Show more actions". You can override this by setting the indicator-aria-label attribute.

Resources