Bottom Popup
Add interactive and context-aware tooltips, popovers, and menus to your application with Rothko UI's Bottom Popup component. Enhance user interactions by displaying additional information or actions in a visually appealing and unobtrusive manner.
Usage
import { BottomPopup } from '@rothko-ui/ui';
- Example
- Code
Blur
- Example
- Code
Props
Name | Type | Default | Description |
---|---|---|---|
Name blur | Type boolean | Default false | Description Determines whether the popup should blur the background. |
Name className | Type string | Default | Description The CSS class name for the popup. |
Name id | Type string | Default | Description Unique identifier for the popup. |
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 React.CSSProperties | Default | Description The inline style for the popup. |