Blanket

A full-screen overlay backdrop. Use behind modals, drawers, and other floating elements to block interaction with the page beneath.

ExamplesCodeUsageChangelog

Basic

Content behind blanket

Tailwind v4

<Blanket :open="isOpen" @click="isOpen = false" />

Untinted (transparent)

Content still visible

Tailwind v4

<Blanket :open="isOpen" :tinted="false" @click="isOpen = false" />

Props

Prop	Type	Default	Description
open	boolean	false	Controls visibility
tinted	boolean	true	Dark semi-transparent overlay vs transparent
canClickThrough	boolean	false	When true, mouse events pass through

Events

Event	Description
click	Emitted when the blanket is clicked (and canClickThrough is false)