Examples

Explore different implementations and use cases of the Vaul Base drawer component.

Basic

A simple demonstration of the core drawer functionality.

Nested

An example showing layered, hierarchical drawers that can be opened within each other.

Directions

Drawers can be opened from different sides of the screen.

Scaled Background

Drawer with a background that scales to create a layered effect.

Snap Points

Drawer with snap points for different heights.

Scrollable

Drawer with a scrollable content.

Non-Dismissable

Drawer that cannot be dismissed.