Skip to content

Sidebar - Web Component

...

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

Parameters

The Web component uses the <z-sidebar> tag:

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescriptionSlot

The events emitted from the component are:

NamePayloadDescription
onchangebooleanReturns the new value of the "value" attribute

The available slots for the component are:

NameTagsDescription
defaultspan

Playground

Customization

HTML Examples

Imports
html
<link rel="stylesheet" href="/0.5.2/@zurich/web-components/styles.css" />
<script type="module" src="/0.5.2/@zurich/web-components/shape.js"></script>
Code
html