A black layer used to help user to focus a content. Commonly used to make a 'lightbox effect'.
import {backdrop} from 'minimalist-ui'
@import 'path/to/node_modules/minimalist-ui/src/backdrop/backdrop.scss';
<body class="mn-backdrop"></body>
By default, backdrop is hidden. To display it, use the static methods show
and hide
, e.g.
backdrop.show()
backdrop.hide()