Design System

Components and styles of the Anirum project

Dialog

Modal dialogs for confirmations, forms, and focused tasks — based on Pinterest Modal. Three sizes: sm (540px), md (720px), lg (900px). Radius 16px, no border.

Sizes

Three widths matching Pinterest Gestalt Modal.

Confirmation

Simple confirmation dialog — Pinterest ModalAlert pattern.

With form

Header, scrollable body with form fields, and sticky footer.

Warning

Alert dialog with warning icon — for important but non-destructive actions.

Scrollable content

Body scrolls while header and footer stay fixed. Max height: calc(100vh - 32px).