1. Home
  2. Classes
  3. VlSideSheet

new VlSideSheet()

Description

SideSheet zijn containers die aan de linker- of rechterrand van het scherm zijn verankerd.

Properties
Name Type Description
data-vl-enable-swipe boolean

Attribute wordt gebruikt om aan te duiden dat swipe functie toegelaten is.
data-vl-left boolean

Attribute wordt gebruikt om aan te duiden dat de side-sheet de linkererand van het scherm moet plaatsen.
data-vl-absolute boolean

Attribute wordt gebruikt om aan te duiden dat de side-sheet absoluut gepositioneerd wordt.
data-vl-right boolean

Attribute wordt gebruikt om aan te duiden dat de side-sheet de rechterkant van het scherm moet plaatsen.
data-vl-toggle-text boolean

Attribute wordt gebruikt om de toggle knop tekst te wijzigen.
Examples
Breedte van de side sheet aanpassen(op grote scherm):
			 static get styles() {
			    return [
			      css`
			        :host {
			         --vl-side-sheet-width: 480px;
			         }
			      `
			    ];
			  }
Details

HTMLElement

vlElement

vl-side-sheet.js, line 37

Classes

new VlSideSheet()

Methods

toggle() → {void}

Description

Triggert een toggle van de side-sheet zonder te klikken op de side-sheet.

Returns
Details

vl-side-sheet.js, line 126

open() → {void}

Description

Handmatig openen van de side-sheet

Returns
Details

vl-side-sheet.js, line 135

close() → {void}

Description

Handmatig sluiten van de side-sheet

Returns
Details

vl-side-sheet.js, line 146

onClose( callback )

Description

De callback wordt uitgevoerd direct na de afsluiten van een side sheet.

Parameters
Name Type Description
callback function
Details

vl-side-sheet.js, line 160