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.

View Source

Import

import { BottomPopup } from '@rothko-ui/react';

Usage

Variant

Props

NameTypeDefaultDescription
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.