v0.1.0

SheetBackdrop

Full-viewport dimming backdrop for inline sheets, portaled to the body.

import { SheetBackdrop } from "@cynco-labs/ui";

import { SheetBackdrop } from "@cynco-labs/ui";

export default function SheetBackdropDemo() {
	return (
		<div className="flex flex-col gap-2">
			<div className="text-body">Content behind an inline sheet</div>
			<SheetBackdrop isOpen onClose={() => {}} />
		</div>
	);
}

Use

Behind floating inline sheet panels.

Props

isOpen, onClose, optional zIndex.

Notes

Click closes.

Source Demo source Markdown

SheetBackdrop

Example

Use

Props

Notes