Vahana Academy

Fieldset

The Fieldset component is used to group related fields within a form or section of a user interface. It helps organize content logically, making forms and data entry interfaces easier to understand and navigate for users. The Fieldset component is typically accompanied by a Legend, which serves as a label or title for the group… Continue reading Fieldset

Documentation Viewer

The Documentation Viewer component allows users to view documents directly within the application. It provides an interface for displaying various document types, such as PDFs, Word documents, or other supported formats, without the need for external applications. This component is useful for delivering an in-app experience where users can read, navigate, and interact with documentation… Continue reading Documentation Viewer

Documentation Listing

The Documentation Listing component is designed to organize and display a list of documents or resources within the application. This component allows users to view, search, and navigate through various documents or entries in an orderly and structured format. It is particularly useful for managing documentation, guides, manuals, or any content that requires a list-based… Continue reading Documentation Listing

An Introduction to Component

In the vFlow module, a component is a type of entity that provides specific functionality to the application. Components serve as containers for various elements, enabling you to design the application’s interface effectively. For example: Components, visible in the left panel of the vFlow module’s dashboard, house one or more elements used for interface design.… Continue reading An Introduction to Component

Charts

Introduction to Charts The Chart component is used to visually represent data through various chart types. It allows users to display and analyze datasets in a structured, graphical format, enabling quick insights into trends, comparisons, and patterns within the data. This component supports a range of configurations and customizations, making it adaptable to different use… Continue reading Charts

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

The Calendar Component provides an intuitive way to manage and display date and event information within the application. It enables users to interact with schedules, deadlines, and events through a visually rich interface. In this section, you will learn how to create and configure a Calendar component in the vFlow. A Calendar can be customized with various… Continue reading Calendar

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. The Accordion is useful for displaying large amounts of content without overwhelming the user. Only the most relevant sections are expanded, while… 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