Example of Ribbon Resizing in React Ribbon Component


This sample demonstrates the adaptiveness of the ribbon to different screen sizes. Move the slider to resize the ribbon.

More Details...


The ribbon supports three sizes of ribbon items in classic mode: Large, Medium, and Small, and two sizes in simplified mode: Medium, and Small. The ribbon items switch between these sizes based on the screen size. In addition, the ribbon also has overflow dropdowns and horizontal scrolling to ensure all items are accessible in all screen sizes and resolutions.