Toggle theme

split-button

Testing the context provided with this component only.

  1. Can the split button component be accessed?
  2. Is there sufficient context provided to the component?

Test 1. Split Button Color Contrast

  1. Test color contrast with the Solid, Clear, Outline and Transparent Split buttons.
  2. Ensure testing includes toggling the theme (light and dark).

Solid

Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3

Clear

Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3

Outline

Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3

Transparent

Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3

Test 2. Split Button Scales

Action 1 Action 2 Action 3 Action 1 Action 2 Action 3 Action 1 Action 2 Action 3

Test 3. Disabled Split Button

Action 1 Action 2 Action 3

Test 4. Loading Split Button

Action 1 Action 2 Action 3

Test 5. Split Button with Icons

Action 1 Action 2 Action 3

Test 6. Split Button with Icon Only

Option 2 Option 3 Option 4

Test 7. Split Button Dropdown Icon Type

Chevron dropdown icon

Action 1 Action 2 Action 3

Caret dropdown icon

Action 1 Action 2 Action 3

Ellipsis dropdown icon

Action 1 Action 2 Action 3

Overflow dropdown icon

Action 1 Action 2 Action 3