Component - Others

Introduction and usage of some special components in Momen

Others include: Progress Bar, Divider Line, Animation, Camera View, Map, Calendar, Table.

Progress Bar

Used to display progress.

Configuration Instructions

Upload Lottie: Complete animation of the progress bar.
Total Progress: Total frame count of the Lottie file, which can be found by opening the JSON file with a text document tool. Generally, the number after "op" in the first line is the frame count of this file.
Step Value: The smallest unit of change each time (frame).
Default Progress: The specific position displayed by the progress bar. Must be numeric data and cannot be empty.

Map

Please see: .

Table

Used to display data in a table. Common application scenarios include:

Backend management systems: Managing user information, orders, product inventory, etc.
Reporting functions: Displaying sales data, performance indicators, or other statistical information.

Configuration Instructions

Various data displays and interactions in the Table Component:
Integer, Text, Date, Time, Infinite Precision Decimal types of data are displayed directly in the corresponding text style.
Image type: Displayed as a thumbnail, can be clicked to view the large image.
Boolean type: false is displayed as black text on a red background, true is displayed as white text on a green background.
File type: Opens a new browser tab to display the file content.

Export Table Data

When a [Table] component is present on the page, you can select the "Export Table" action on other components on the page.

Calendar

Used to display a calendar, with built-in light and dark color modes. Show Today: Enabled by default, the calendar will display the current month and date.

Configuration Instructions

Selected Date: Only supports data binding, not required.
Action - Click Date Event: The action executed after clicking a date in the calendar.

Divider Line

Displays a divider line, with options for dashed, solid, and line segment direction.

Animation

Used to display animations in Lottie format.

The Animation Component provides two interactive operations: "Loop" and "Autoplay":

Loop: Disabled by default. When enabled, the animation effect will loop.
Autoplay: Enabled by default. The animation content will automatically play when entering a page with an animation component.