---
layout: pattern
title: Split Buttons
description: |
  This pattern shows how to build an adaptive and accessible split button component.
  <br><br>
  Note: this component uses a library called <a href="https://github.com/argyleink/blingblingjs">BlingBlingJS</a> and <a href="https://github.com/argyleink/roving-ux">Roving UX</a>.
  <br><br>
  <a href="/building-a-split-button-component/">Full article</a> · <a href="https://www.youtube.com/watch?v=Qcpru-fIgwk">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/split-buttons">Source on Github</a>
date: 2022-06-01
height: 400
---

This pattern shows how to build an adaptive and accessible split button
component.

<a href="/building-a-split-button-component/">Full article</a> · <a href="https://www.youtube.com/watch?v=Qcpru-fIgwk">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/split-buttons">Source on Github</a>
