From 9b4e09d18c2d18cd7fb318ef94f27b819080adfc Mon Sep 17 00:00:00 2001 From: tripathyr Date: Mon, 27 Dec 2021 16:16:01 +0530 Subject: [PATCH] Update README.md --- README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 5e04d19..c72483b 100644 --- a/README.md +++ b/README.md @@ -6,11 +6,14 @@ 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 +### Layouts Available -### Box Layout also known as bottom-navbar layout +#### 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 +#### Many sections layout- +A layout suitable for long-form content with mainly one page like landing pages or articles. This is the simplest layout of the bunch. Every landing page consists of many sections, each of which can be populated as per the functionality + #### 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.