📄️ Card
The Card component provides a styled container for grouping and displaying UI elements with optional headings, visibility control, and custom styling support. It acts as a layout and design tool that enhances readability and structure, especially in complex interfaces with multiple sections.
📄️ Columns
The Columns component is a flexible layout tool that allows you to organize content side-by-side using a column-based grid structure. It's perfect for designing responsive and structured forms by splitting sections into multiple columns with individually configurable widths, minimums, and maximums.
📄️ Container
The Container component is used to group components together. It is a wrapper component that can contain other components and apply styling to the group as a whole.
📄️ Drawer
The Drawer component allows the opening of a sliding panel from any side of the screen, ideal for temporary form content, quick settings, or auxiliary views. It supports extensive customization around behavior, size, positioning, and content.
📄️ Key Information Bar
The Key Information Bar component displays essential data in a compact, styled row or column format. Great for summaries and quick insights, it supports fully customizable layouts and styling per item.
📄️ Panel
The Panel component helps group and visually segment content inside a form. It acts as a flexible container that can include headers, icons, and conditional logic to show or hide its contents. Panels make forms easier to scan and more organized.
📄️ Section Separator
The Section separator is a line that is used to organize content by dividing it into sections, it provides a structured layout that will make it easier to locate sections.
📄️ SizableColumns
The SizableColumn component enables the configuration of column layouts with resizable dimensions, making it useful for responsive or flexible grid-based designs. Each column can be defined in terms of its width, min/max boundaries, and additional styling.
📄️ Subform
The Subform is a component used for displaying nested forms. It is a reusable section or module that contains a specific set of functionalities, fields, or elements. It allows you to encapsulate a group of related elements or controls within a form or a larger application, making it easier to manage and reuse across different parts of your project.
📄️ Tabs
The Tabs component is used to organize content into separate sections or panes, where users can switch between these sections by clicking on the tabs. Each tab represents a different section, and only one section is visible at a time.
📄️ Wizard
The Wizard component enables multi-step forms by segmenting fields across several pages with navigation controls. It's ideal for complex data entry processes where progressive disclosure improves the user experience.