Framework7

In Framework7, chips are the small block of entity which can contain a photo, small string of title, and short information. Chips HTML Layout Let's see the basic chip HTML…

Framework7 Cards are used to contain organized information of a single subject like a photo, link, and text. Cards are mainly used along with List View to contain and organize…

Framework7 Accordion is a graphical control element which is displayed as a stacked list of items. You can expand or collapse an accordion to show the content associated with that…

List views are used to present data in a scrollable list of multiple rows. There are several types of list views used in Framework7 to work with your application. List…

In Framework7, the progress bar is used to show the loading of assets or the progress of a task to the users. The "progressbar" class is used to specify the…

In Framework7, Preloaders are made with Scalable Vector Graphics and animated with CSS. It makes it easily resizable. Preloader is available in two colors: Use Preloader class in your HTML…

There are several types of overlays provided by Framework7 to work with the application smoothly. Following is a list of some Framework7 overlays: IndexOverlays typeDescription1)ModalModal is a small window that…

Content blocks are used to add extra content with different format. It is generally used when you have a lot of content of different types and you have to put…

The Framework7 side panel is used to move left or right side of the screen to display the content. In Framework7, you can include maximum 2 panels (right side panel…

Navbars are placed at the top of the screen and contain title of the page and navigation elements. Navbar contains three parts each of which may contain any HTML content,…