diff --git a/README.md b/README.md index b8d479e..43f08ca 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,11 @@ Suppose you want to start a web project. Instead of doing the UI from scratch, y ### How to use Standard UI There are several pre-built layouts in **layouts** folder. Pick any one of them that's more suitable for your particular project. +## Layouts Available + +###Box Layout also known as bottom-navbar layout +This layout comes with a sidebar of menu items on the desktop size screen which converts into the bottom navbar on mobile. It should be used when there are less than 5 main pages in the app for quick access on small screen + #### What's included in layouts by default? - Components ( sm-button, sm-input, sm-notifications, sm-popup, theme-toggle and optional components specific to respective layout ) - Main_UI.js - A JS library that includes utility functions and some common functionality.