-
The status indicator displays system states, such as: new messages in current tasks, section notifications, error alerts, or warning prompts in content blocks. -
SPIN is a static buffer, indicating that data or resources are being loaded, prompting the user to wait; this buffer supports multi-subject colors and dark mode inversion. -
The result component is the final evolved form of a buffer. It can display four types of outcomes: info, success, error, and warning, presented either as SVG animations or static icons. -
The PROGRESS component is a WebComponent implementation based on the Progress module. Compared to the original module, it offers simpler usage without initialization requirements, making it ideal for project integration. It supports multiple variants... -
A buoy float is typically used to display small statistical data. Though compact in size, it includes all essential elements such as value, label, icon, arrow, and tips—truly embodying the idea of 'small but complete.' -
The BADGE custom tag can create a small colored bubble to store the implied quantity of information for an element. If the badge has no value, it will be displayed directly as a dot red dot. -
The AVATAR tag can create both image-based avatars and text-based avatar placeholders. It supports attributes including theme, tips, size, and shape for customization. -
The Progress component displays data loading status, task completion, or process tracking. It supports multiple variants including bar, full circle, semicircle, and large arc designs. The component offers various theme colors (including gradients), a...
-
The Accordion component can create nested collapsible panels and supports multiple data formats.
-
The stats component primarily highlights numerical values and can be enriched with properties like icon, disk, tips, and unit to enhance its content. It supports common operations such as reset and set.
-
The Accordion library can create nested collapsible panels and supports multiple data formats.
-
The tag element can be used individually, or wrapped with tags container to uniformly configure appearance (color, size, and border styles). Both tag and tags serve as foundational components for the Tags module.
-
Pure CSS table component with multiple style variations, supporting basic frozen headers and side columns
-
A short real-time message that disappears automatically and cannot be clicked or copied
-
The Message module displays real-time status notifications, including success, error, information, question, and warning types. It features:Large icon/title mode for emphasis;9 customizable display positions;HTML text support