forked from coracle/flotilla
Jon Staab
38 lines
804 B
Svelte
38 lines
804 B
Svelte
<script lang="ts">
|
|
import {randomId} from "@welshman/lib"
|
|
|
|
const id = randomId()
|
|
|
|
let input: any
|
|
let label: any
|
|
|
|
export const open = () => {
|
|
if (!input.checked) {
|
|
label.click()
|
|
}
|
|
}
|
|
|
|
export const close = () => {
|
|
if (input.checked) {
|
|
label.click()
|
|
}
|
|
}
|
|
|
|
export const toggle = () => {
|
|
label.click()
|
|
}
|
|
</script>
|
|
|
|
<div class="drawer drawer-end">
|
|
<input {id} type="checkbox" class="drawer-toggle" bind:this={input} on:change />
|
|
<div class="drawer-content">
|
|
<label for={id} bind:this={label} />
|
|
</div>
|
|
<div class="drawer-side z-modal">
|
|
<label for={id} aria-label="close sidebar" class="drawer-overlay"></label>
|
|
<div class="menu h-full w-80 overflow-auto bg-base-200 p-0 text-base-content lg:w-96">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|