Sidebar item

* Adds bottom spacing when multiple sidebar items are being used * Adds flexbox styling * Hidden on small screens * Add `.k-sidebar-item--flex` to the sidebar items that need to **grow** with the layout * Use **only** inside a `.k-sidebar` * If you are unsure how to use this just copy paste complete templates from the [list examples](/developer/ui/layouts) or the [form examples](/developer/ui/layouts) page

            
...
...
...
## Sidebar item header Use only inside a `.k-sidebar-item`

            
Title
## Sidebar item content * Adds spacing * Use **only** inside a `.k-sidebar-item`

            
Content
Content
## Complete sidebar item A complete sidebar item may look like this * Hidden on small screens
Title
Content

            
Title
Content
### Example Example inside an actual sidebar * Hidden on small screens
Title
Content

            
Title
Content

Need Help?

Let our developers personally assist you. You can ask development related questions in our Support Center. Only for Business or Agency subscribers.

Join 23000+ others and subscribe to our newsletter!