---
wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center'
weight: 5
---

<button
  type="button"
  role="switch"
  aria-checked="true"
  class="relative inline-flex h-5 w-8 shrink-0 cursor-pointer appearance-none rounded-full border-2 border-transparent bg-red-700 transition focus:outline-none focus:ring focus:ring-red-200">
  <span
    aria-hidden="true"
    class="pointer-events-none inline-block h-4 w-4 translate-x-3 rounded-full bg-white transition will-change-transform