Design System

Components and styles of the Anirum project

Drawer

Mobile bottom sheet built on Vaul. Slides up from the bottom with swipe-to-dismiss. Pinterest SheetMobile pattern — rounded-t-2xl, drag handle, overlay 50%.

Basic

Simple drawer with title and description. Drag the handle or swipe down to dismiss.

With form

Header, form body, and footer with actions.

Stepper

Interactive content — guest counter (Airbnb mobile pattern).

Scrollable content

Long content scrolls within the drawer body.

Action menu

Quick action list — share, copy, report pattern.