Search by

bladewindui / drawer

mkocansey

BladewindUI Drawer component

Package info

github.com/bladewindui/drawer

Language:Blade

pkg:composer/bladewindui/drawer

Security

Advisories: 0

Aikido package health analysis

Transparency log

Statistics

Installs: 6

Dependents: 2

Suggesters: 0

Stars: 0

Open Issues: 0

v5.1.0 2026-09-10 00:47 UTC

Requires

Requires (Dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

MIT 023e07bdf806c97adea9e970ce2a41c196520eac

  • Michael K. Ocansey <mike.woop@bladewindui.com>

laravelsheetbladedrawertailwindcssbladewindui

Published on Packagist.org on 2026-09-10 00:47 UTC

This package is auto-updated.

Last update: 2026-09-10 00:48:51 UTC

README

License Packagist Version

BladewindUI

Drawer

An accessible, responsive drawer or sheet that opens from any physical edge of the viewport.

Installation

composer require bladewindui/drawer

Usage

<x-bladewind::drawer name="customer-details" title="Customer details">
    Drawer content
</x-bladewind::drawer>

<x-bladewind::button onclick="showDrawer('customer-details')">Open drawer</x-bladewind::button>

Use showDrawer(name), hideDrawer(name), and toggleDrawer(name) to control a drawer. See the full Drawer documentation for positions, sizes, slots, modal behavior, and accessibility guidance.

Livewire

Open/closed state (data-state) lives in the drawer's own DOM, not in Livewire's component state. A Livewire re-render that touches this markup for reasons unrelated to the drawer silently closes it — wrap the drawer in wire:ignore if it sits inside such a component, especially one that can re-render while the drawer is open.

License

MIT, see the LICENSE file.