Componentsv2.189.0
Iconsv1.19.0
MCPv0.8.61
Tokensv0.34.3
An overlay component that centers content, with an optional semi-transparent background.
The Blanket component provides an overlay that centers content that fills its parent. It's ideal for creating modal dialogs, overlays, and other UI elements that need to appear above the main content.
Importing
The component can be imported via:
Usage
Loading editor
Background Overlay
Use the withBackground prop to control whether the blanket displays a semi-transparent background overlay.
Loading editor
Active State
Control the visibility of the blanket with the isActive prop. When set to false, the blanket fades out and becomes non-interactive.
Loading editor
API
PlumaBlanket extends Box
Whether the blanket is active. Toggle this to false to hide the blanket with an animation.
Whether to display the semi-transparent background overlay.