Popup
Popup UI component that slides up from the bottom of the screen, typically used for displaying settings, configurations, or additional options in mobile views.
Import
- Global
- Single
import { BottomPopup } from '@rothko-ui/react';
Usage
- Example
- Code
Variant
- Example
- Code
Props
| Name | Type | Default | Description |
|---|---|---|---|
Name className | Type string | Default | Description CSS class name(s). |
Name onClose | Type () => void | Default | Description Callback function to be called when the popup is closed. |
Name open | Type boolean | Default | Description Determines whether the popup is open or closed. |
Name style | Type CSSProperties | Default | Description The inline style for the popup. |
Name variant | Type 'shaded' | 'none' | 'blur' | Default 'none' | Description Variant of the backdrop. |