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>
);
}