Skip to content 
Content
Content
Content
Sidebar ⚠️ Experimental
The Sidebar component can be used imported from:
Playground
Parameters
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|---|---|
ngModelChange | boolean | Returns the new value of the model |
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
Check the documentation about how to use the parameters.
ngModel
Attention!
If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.
Controls if the sidebar item is shown or not.
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.
Flags
open
This flag is only used to set the initial value with no control loop. Use model to handle the model properly:
Browser support
Detected engine:
Chromium
Webkit
Gecko
CodeSandbox example
Sorry, not available yet ☹️