Backdrop
AI Skills for Reaviz Projects
npx -y skills add reaviz/skills --skill backdropAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
0.9 KB, as published. Nobody here has run it
Backdrop
Animated overlay backdrop for modals, dialogs, and drawers. Fades in/out with Framer Motion. Typically used internally by Dialog and Drawer.
Import
import { Backdrop } from 'reablocks';
Backdrop Props
| Prop | Type | Default | Description |
|---|---|---|---|
zIndex | number | 998 | CSS z-index |
portalIndex | number | 0 | Portal nesting index (reduces opacity for stacked backdrops) |
className | string | — | Additional CSS classes |
onClick | (event: MouseEvent) => void | — | Click handler (used for close-on-backdrop-click) |
theme | BackdropTheme | — | Per-instance theme override |
BackdropTheme Interface
interface BackdropTheme {
base: string; // Fixed full-screen overlay (fixed, top-0, left-0, w-full, h-full, bg-black)
opacity: number; // Target opacity (default: 0.8)
}