Blanket - ZUI Documentation

Summary

A blanket is a screen wide overlay that is used by dialogs for example to disable all input on the screen.
There can only be one blanket on a page, therefor there is no class for this element. You define the blanket by setting the id zui-blanket to an element.

Name	Description	Default Value
`id`	The id of the element that represents a blanket must be set to 'zui-blanket'. No values have been documented for this attribute.

Name	Description
`zui-blanket-selector`	The name of the class used for the blanket.
`zui-blanket-background-color`	The background color of the blanket.
`zui-blanket-opacity`	The opacity value which is a vlaue between 0 and 1.
`zui-blanket-z-index`	The background color of the blanket.
`zui-blanket-transition`	The transition of the blanket.
`zui-blanket-transition-delay`	The transition delay before the blanket is shown.

Example

Show

Markup

<div id="zui-blanket"></div>