# SideBar

**Path:** Components/Layout

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

SideBar

 The RbSideBar is an expandable and collapsible component that typically acts as a side container in the main content. It provides flexible options that can be shown or hidden based on user interactions.

 Basic

 Show code

 This is the side bar

 Close 

 Open 

 This is the content

 OverFlow 

 Reverse 

 ShowDropMask 

 CloseOnBackDropClick 

 CloseOnEscape 

 Multi

 Show code

 Left 

 Right 

 This is the left-side bar

 Overlay=false

 ShowDropMask=false

 Reverse=false

 CloseOnBackDropClick=false

 CloseOnEscape=true

 Close 

 This is the right-side bar

 Overlay=false

 ShowDropMask=true

 Reverse=true

 CloseOnBackDropClick=true

 CloseOnEscape=true

 Close 

 This is the content

 Long Content

 Show code

 This is the side bar

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar interdum felis ac faucibus. In tortor dolor, auctor nec nisl vitae, porttitor hendrerit sem. Nunc in aliquam orci. Duis ac nunc ac ex semper eleifend.Maecenas lacinia purus vitae lacus rutrum maximus.Ut aliquam id dolor ut semper. Vivamus ultrices turpis quam, in molestie mi consectetur pharetra.

 Nunc eget massa nunc.Vestibulum eleifend tempus turpis, eget dignissim lectus laoreet a. Curabitur lobortis, libero ut efficitur pretium, ipsum nibh semper justo, at pretium mauris libero id enim.Curabitur in egestas ligula. Mauris feugiat iaculis ante ac auctor. Suspendisse et ullamcorper quam, a commodo ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc quis nunc sapien. Maecenas enim arcu, ornare sit amet dolor a, fermentum posuere enim.Nullam vel congue diam, ut sollicitudin justo. Phasellus porttitor, metus vel posuere egestas, dui velit congue augue, nec sollicitudin magna nulla non eros.Pellentesque efficitur risus ut tristique porttitor. Etiam sit amet blandit tellus.Etiam nec eros lacus.

 Maecenas nunc nulla, suscipit et mauris non, consequat aliquet metus.In hac habitasse platea dictumst.Proin scelerisque lacus ut nibh viverra, et tincidunt nibh lobortis.Donec ipsum ante, blandit vel mattis ac, eleifend vitae sapien. Nam mattis finibus rutrum. Nullam tincidunt tortor nisi, ac molestie nulla congue sed. Aenean hendrerit nisl id dignissim sagittis. Fusce accumsan porta erat at aliquet. Donec at finibus mi.

 In erat quam, sagittis in ullamcorper ut, malesuada sed lacus. Sed lorem justo, volutpat in enim at, fringilla efficitur nisi. Integer ultricies erat non ipsum mollis lobortis.In eu dolor luctus lacus dictum dapibus sed eleifend mi. Proin in urna non neque condimentum tincidunt.Cras risus justo, imperdiet id nisi vel, sagittis accumsan lacus. Sed eget nisi sit amet eros aliquam dapibus et vitae ante.Nulla mattis congue risus, eget tempor nunc bibendum luctus. Nunc gravida nibh nisl, quis varius justo suscipit in. Ut ut libero mauris. Sed condimentum, tellus sed condimentum maximus, purus dui suscipit odio, et interdum dui enim sed nisl.Duis commodo non est et egestas. Mauris et felis porta, lacinia risus eget, dictum erat.Vestibulum eget ultrices nisl.

 Etia0m eget iaculis lectus, sed rhoncus velit.Nam at neque fermentum, finibus ligula consequat, sodales massa.Quisque dictum hendrerit ligula, ut fringilla tellus. Cras congue tellus ex. Phasellus eu turpis ac nunc tristique cursus.Mauris lorem nisl, aliquet at augue eget, hendrerit feugiat sem. Maecenas suscipit aliquam diam vitae tempus. Pellentesque in purus eu odio dapibus iaculis.Nam venenatis ex et quam accumsan venenatis.Maecenas tincidunt, est eget consequat efficitur, ex purus rutrum tellus, ut mattis justo urna in arcu.Sed semper justo eu leo semper, id porta massa varius.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Suspendisse fringilla varius dolor, quis egestas ligula condimentum nec. Aenean consequat velit est, et commodo sapien aliquam sed. Pellentesque eu volutpat dui, ut vulputate ex.

 RTL Support

 Show code

 قائمة الإجراءات

 يفتح الشريط الجانبي من جهة البداية داخل حاوية RTL محلية.

 اتجاه الحركة يبقى متوافقاً مع موضع الشريط.

 إغلاق 

 فتح الشريط الجانبي 

 محتوى الصفحة

 يعرض هذا المثال سلوك الشريط الجانبي داخل التفاف RTL محلي دون تغيير اتجاه الصفحة بالكامل.

 ✕

 Contents