Blanket

Open in Storybook

Interactive Demo

Usage

<script setup>
import { Blanket } from '@yellowcard/b2b-design-system';
</script>

<template>
  <Blanket />
</template>

API Reference

Props

Prop	Type	Default	Description
visible	boolean	false	Controls visibility of the blanket
variant	'default' | 'light' | 'heavy'	'default'	Visual variant of the blanket
zIndex	number	—	Custom z-index value
opacity	number	—	Custom opacity value (0-1)
transition	string	'fade'	Transition animation name
interactive	boolean	false	Whether the blanket can receive focus/interaction
backgroundColor	string	—	Custom background color

Events

Event	Payload	Description
click	MouseEvent	Emitted when blanket is clicked
escape	void	Emitted when Escape key is pressed

Slots

Slot	Bindings	Description
default	—	Default content