furo-backdrop-display #

@furo/layout v2.2.14
import '@furo/layout/src/furo-backdrop-display.js';
exports FuroBackdropDisplay js
exports <furo-backdrop-display> custom-element-definition
superclass LitElement
mixes FBP
summary Display component for furo-backdrop

furo-backdrop-display

This components receives and displays the backdrop requests from furo-backdrop components.

The backdrop display can be placed anywhere in the dom. The higher the better.

Tipp: place it below or inside the component which applies the style vars. Othewise the displayed components do not know these vars.

1
2

<!-- place the display in your main-stage -->
<furo-backdrop-display></furo-backdrop-display>

Attributes and Properties #

toDuration #

to-duration number default: 100

timeout duration

Methods #

close #

close() ⟹ void

* → fn-close

closes the backdrop. You can close the backdrop on the display element, this is useful when you want to close the backdrops on page changes.

Usualy the component which triggers the backdrop or is displayed closes it.

Styling #

The following custom properties available for styling: