Sidebar - CSS Component ​

The Sidebar component can be used imported from:

Playground ​

Construction ​

The CSS component uses the <aside> tag with the z-sidebar HTML custom attribute.

z-sidebar ​

The z-sidebar attribute is used to set the sidebar position. Being omitted, the sidebar will be set to the right side of the screen.

The only possible value is left.

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​