Skip to content 
Content
Sidebar - Web Component
The Sidebar component can be used imported from:
Playground
Parameters
The Web component uses the <z-sidebar> tag:
By default, all the parameters are optional or can be set in different, except for the ones marked as required
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description | Slot | A11y |
|---|---|---|---|---|
config | string | Position of the sidebar | ||
open | boolean | Whether the sidebar is open or not |
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|---|---|
change | boolean | Returns the new value of the "value" attribute |
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | Content of the sidebar. |
Parameters use
model & open
Both parameters are used to control the visibility of the sidebar.
config
This parameter is used to set the position of the sidebar. The possible values are left and right. If not set, the default value is right.
Browser support
Detected engine:
Chromium
Webkit
Gecko