Blaze UI Panels
Blaze UI is a free open source UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation. All components in Blaze UI are developed mobile-first and rely solely on native browser features, not a separate library or framework. It helps us to create a scalable and responsive website fast and efficiently with a consistent style.
A panel is a very useful component for any layout as it provides a manageable scrollable space within the existing structure of our web page. The panel size can be increased or decreased just by just setting its height. In this article, we will see about Panels in Blaze UI.
Blaze UI Panels classes:
- o-panel-container: This class creates a container for panels on the web page.
- o-panel: This class is used to create a panel within your web page.
<div class="o-panel-container" style="..."> <div class="o-panel"> .... </div> </div>
Example 1: Below example demonstrates the panel in Blaze UI.
Example 2: Another example demonstrating panel in Blaze UI.