v0.1.0

SheetCloseButton

The ✕ button positioned in a sheet's top-right corner.

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

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

export default function SheetCloseButtonDemo() {
	return (
		<div className="relative h-10 w-40 rounded-lg border bg-card">
			<SheetCloseButton onClose={() => {}} />
		</div>
	);
}

Use

Custom inline sheets that do not use SheetContent's built-in close.

Props

onClose.

Notes

Positions itself absolutely; the parent must be relative.

Source Demo source Markdown

SheetCloseButton

Example

Use

Props

Notes