@vcl/nag

Overlay dialog which requires acknowledgement to go away

Usage no npm install needed!

<script type="module">
  import vclNag from 'https://cdn.skypack.dev/@vcl/nag';
</script>

README

VCL nag

Overlay dialog which requires acknowledgement to go away.

Features

This component is a specialization of the container component.

The z-index is the highest of all VCL components to make sure it is shown even above a layer.

It can easily made modal by using vclLayoutFullBleed.

For positioning it uses helpers such as vclLayoutFixedBottom from the flex-layout module.

Usage

basic example

Classes

  • vclNag

Modifiers

Variables

  • --nag-color
  • --nag-bg-color

Demo

example.html on GH-pages.