Vahana Academy

Card

Introduction to Card A Card is a modular, self-contained UI component used to present content or information in a visually structured and compact manner. Cards typically group related information together in blocks and can contain elements like text, images, and icons. They are commonly used to display items, such as user profiles, products, posts, or… Continue reading Card

Calendar

In this section, you will learn how to create and configure a Calendar component in the vFlow. A Calendar can be customized with various settings for its appearance, properties, animations, and more, allowing it to integrate into your application seamlessly. Following these steps, you can easily create a Calendar component and tailor its functionality to… Continue reading Calendar

Accordion

Introduction to Accordion An Accordion is a user interface component that allows users to toggle between showing and hiding sections of related content. It is commonly used for organizing information in a compact and efficient manner. Usage The Accordion is useful for displaying large amounts of content without overwhelming the user. Only the most relevant… Continue reading Accordion

Breadcrumb

Introduction to Breadcrumb A breadcrumb is a navigational aid that helps users understand and keep track of their location within a website or application. It typically appears as a horizontal list of names of the page, showing the hierarchical path from the homepage to the current page using different separator, such as (>, >>, ->,… Continue reading Breadcrumb

Footer

Introduction to Footer The footer is a fundamental element of the user interface (UI) that appears at the bottom of a page or component. It primarily serves as a concluding section, providing supplementary information or controls that support the user’s journey through the application. The footer enhances navigation and often includes key details that contribute… Continue reading Footer

Header

Introduction to Header The header is a fundamental element of the user interface (UI) that appears at the top of a page or component. It serves primarily as an identifier for the associated page or component, helping users understand the current context within the application. The header not only plays a critical role in enhancing… Continue reading Header

Application Header

Introduction to Application Header The Application Header is a System Component that remains consistent across the entire application, regardless of the page. Positioned at the top of every screen, it serves as the primary identifier for the application, ensuring a unified and recognizable presence throughout. Users have the ability to customize the Application Header by… Continue reading Application Header

What are System Components

System Components, unlike Components, are designed primarily for display purposes and, in some cases, can include interactive elements, such as clickable links, buttons, etcetera. System Components remain generally same across the page or the entire application. This section allows you to create new System Components, view existing ones, and add various elements as needed. It… Continue reading What are System Components

An Introduction to Inventory

In the vFlow 2.0 module, the Inventory section primarily displays and create the list of different entities category-wise at the app level. The Inventory section contains the following categories: After you click a category (for example, Pages), the middle panel displays a list of different pages that have been added to the app. It also allows… Continue reading An Introduction to Inventory