DOCSEARCHbyAlgolia
Submit Docs

ArkUI Component Library

website·Indexed 31 days ago

http://arkui.dev.syman.cn/

A comprehensive UI component library featuring a wide range of functional elements including Table (i-table), Form, Modal, DatePicker, and Layout. The library includes specialized business components (BCL) such as ag-grid based tables, Wangeditor rich text integration, and advanced filtering components like DropDownSelectFilter. It also provides a CLI tool (Ark-CLI) for project scaffolding, material contribution, and automated documentation generation.

Tokens
86.6K
Snippets
428
Records
506
Agent score
53%

What's inside ArkUI

  2. Overview of AttachFilter component

    The AttachFilter component is a functional component (FC) designed for input fields that require dropdown single selection, fuzzy search capabilities, and filter popup notifications.

  3. Overview of LoadingBar global progress bar

    LoadingBar creates a single global progress bar instance used to visualize page loads, asynchronous requests, and file uploads. Because it is a singleton, methods called from any part of the application control the same global component. It can either simulate progress automatically (ideal for route changes and Ajax) or be updated with a precise percentage via the update() method (ideal for file uploads).

  4. Overview of commonTableByAgGrid component

    The commonTableByAgGrid component provides a wrapper around the basic functionality of ag-grid.

    Key version updates:

    • Since version 1.0.4: The options object in table parameters no longer requires a datas empty object; omitting it will no longer cause errors or functional failures.
    • Since version 1.1.0: The underlying ag-grid has been upgraded to the latest version, ensuring that the API is largely consistent with the official ag-grid documentation.

  5. Overview of TreeV Virtual List Tree Component

    TreeV is a virtual-list implementation of a tree component designed for high-performance rendering of massive datasets where standard Tree components may fail. It provides a tree-like structure while maintaining the efficiency of a virtual list.

  6. Overview of DropDownSelectFilter component

    The DropDownSelectFilter is a functional component (FC) that provides a dropdown selection interface. It supports both single-selection and multiple-selection modes, and both modes include built-in fuzzy search capabilities to help users find specific items in the list.

  7. Overview of the Drawer component

    The Drawer is a panel that slides in from the edge of the parent window, partially covering the content. It is used to provide additional controls for the parent window (e.g., adjusting display styles) or to insert temporary tasks into the current workflow (e.g., creating sub-objects or viewing agreement terms) without forcing the user to leave their current task.

  8. Overview of Poptip component

    Poptip is a popup component similar to Tooltip but designed to carry richer content in a card format, such as links, tables, and buttons. It can also be used as a lightweight confirmation box (confirm mode) that appears near the trigger element, making it less intrusive than a Modal.

  9. Overview of DropMultiSelectFilter component

    DropMultiSelectFilter is a functional component (FC) that implements a dropdown multi-select interface. It supports fuzzy searching, allowing users to filter options by typing partial matches (e.g., typing '1', '12', or '123' to find matching items). The input field defaults to 100% width, but can be customized using the style prop.

  10. Overview of the Affix component

    The Affix component is used to fix content to the screen so that it remains visible and does not scroll with the page. This is typically used for elements like side navigation menus.

  11. Overview of SplitPanel multi-panel component

    The SplitPanel component creates a layout divided into multiple resizable areas. It supports both horizontal and vertical dragging, customizable divider components and widths, and the ability to define specific panels as fixed-size or custom components.

  12. Use the Tag component for marking and classification

    The Tag component is used to provide simple labels for marking and categorizing items. It supports basic display, closable labels, and checkable states.
    <Tag>标签一</Tag>