Button

Properties

Button

Name	Type	Default	Description
variant	ButtonVariants	primary	Độ đậm của background color
loading	boolean		Hiển thị icon loading
disabled	boolean		Trạng thái disable
type	ButtonType	highlight	Loại button
htmlType	ButtonHTMLType	button	HTML button type
size	ButtonSize		Kích thước button
fullWidth	boolean		Đặt kích thước button full parent width
prefixIcon	React.ReactNode		Thêm prefix icon
suffixIcon	React.ReactNode		Thêm suffix icon
icon	React.ReactNode		Thêm icon cho button

Type

ButtonType

Name	Description
"highlight"	highlight
"danger"	danger
"neutral"	neutral

ButtonHTMLType

Name	Description
"submit"	submit
"button"	button
"reset"	reset

ButtonSize

Name	Description
"large"	large
"medium"	medium
"small"	small

ButtonVariants

Name	Description
"primary"	primary button
"secondary"	secondary button
"tertiary"	tertiary button

Example

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

function HomePage(props){
    return (
        <Page>
            <Button size="large">Button</Button>
        </Page>
    );
}