Sheet

Source a-blur Button

A sheet is basically a burger menu. Composed of a-blur.

npx @sv/components sheet

Example

---

---

Show Code

/* @jsxImportSource vue */
import { Button } from "@components/src/vue/Button";
import { Sheet } from "@components/src/vue/Sheet";

export default function () {
  return (
    <div>
      <Sheet>
        <div onclick="document.querySelector('a-blur').enabled = false">
          <Button>Close</Button>
        </div>
      </Sheet>

      <div onclick="document.querySelector('a-blur').enabled = true">
        <Button>Open</Button>
      </div>
    </div>
  );
}