← All Components

Drawer

Layout & Display

Slide-out panel from screen edge with backdrop and close on escape.

Live Demo

Usage

<script>
  import { Drawer } from "jatui"
</script>

<Drawer />

Props

PropTypeDefaultDescription
openbooleanfalseDrawer visibility (bindable)
titlestring""Drawer title
position"left" | "right""right"Slide direction
size"sm" | "md" | "lg" | "xl""md"Drawer width
onclose() => void-Close callback