List

Properties

List

Name	Type	Default	Description
dataSource	array		Mảng các giá trị cần hiển thị.
loading	boolean		Hiển thị loading
renderItem	function		Hàm render các giá trị trong dataSource.
divider	boolean		Ngăn cách các item
children	React.ReactNode

List.Item

Name	Type	Default	Description
visibilityToggle	boolean		Hiển thị icon hiện hoặc ẩn password

List.Item

Name	Type	Default	Description
visibilityToggle	boolean		Hiển thị icon hiện hoặc ẩn password

Example

import React from "react";
import { Page, List } from "zmp-ui";

function HomePage(props){
    return (
        <Page>
            <List>
                <List.Item
                    title="title"
                    prefix={<Icon icon="zi-add-photo" />}
                    suffix={<Button icon={<Icon icon="zi-arrow-right" />} />}
                    brackets="brackets"
                    subTitle="subtitle"
                />
                <List.Item title="title" brackets="brackets" subTitle="subtitle" />
                <List.Item title="title" brackets="brackets" subTitle="subtitle" />
            </List>
        </Page>
    );
}