Focus state for Split Button?

1. What is the focus state of a button?
2. How do you use a split button?
3. How do you make a split button?
4. What is the split button?

What is the focus state of a button?

If you have not made any changes in the settings, you can usually see the focus state with the tab key in browsers. The focus state indicates which element is currently ready to interact .

How do you use a split button?

A split button has a default action followed by a divider line and an arrow. When the arrow is clicked it exposes a drop-down list of alternative actions. This pattern is used when there are many possible actions but only one primary action.

How do you make a split button?

Example Explained

Use any element to open the dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS.

What is the split button?

The Split Button is a composite control with which the user can select a default value bound to a primary button, or select from a list of mutually exclusive values displayed in a drop-down list bound to a secondary button. Introduction.