Drawer

import { useState } from 'react';
import { AccessibleDrawer } from '@a13y/react';

function Example() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <>
      <button onClick={() => setIsOpen(true)}>
        Open Drawer
      </button>

      <AccessibleDrawer
        isOpen={isOpen}
        onClose={() => setIsOpen(false)}
        side="right"
        modal
        title="Settings"
      >
        <div>Drawer content here</div>
      </AccessibleDrawer>
    </>
  );
}