Overlays v1.0.0

Slide Over

A panel that slides in from the screen edge for secondary content, forms, or detail views. Includes backdrop overlay, focus trapping, and escape-to-close. Available in narrow (320px) and wide (640px) styles.

Narrow

Compact 320px panel for quick actions and details

Options

Name Type Default Description
title * String required Panel header title
direction Symbol :right Slide from: :left or :right

Wide

Spacious 640px panel for forms and detailed content

Options

Name Type Default Description
title * String required Panel header title
direction Symbol :right Slide from: :left or :right

Changelog v1.0.0

- Initial release with narrow and wide styles
- Backdrop overlay with click-to-close
- Escape key to close
- Smooth slide animation
- Configurable direction (left/right)

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now