import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'asumi';
import 'asumi/style/index.less';
//import 'asumi/style/asumi-default-theme.css'; <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"/>asumi icons use Font Awesome
- Grid
- Button
- Panel
- Tag
- Tab
- Input
- NumberInput
- TagInput
- Select
- Radio
- Checkbox
- Switch
- RadioGroup
- CheckboxGroup
- Markdown Editor
- Upload
- DateTime
- Form
- FormIem
- Table
- Pagination
- Tooltip
- Popover
- Message
- Modal
- Dropdown
- Menu
- MenuItem
- MenuItemGroup
- SubMenu
- Animate
- Loading
- Transfer
default font-size is 13px. you can change it by change @fontSize. and
@danger: #F75A36;
@l_danger: lighten(@danger, 30%);
@d_danger: darken(@danger, 4%);
@default: #F5F5F5;
@l_default: lighten(@default, 2%);
@d_default: darken(@default, 4%);
@primary: #53B6FF;
@l_primary: lighten(@primary, 30%);
@d_primary: darken(@primary, 8%);
@success: #7AD57D;
@l_success: lighten(@success, 30%);
@d_success: darken(@success, 4%);
@secondary: #FFCD36;
@l_secondary: lighten(@secondary, 35%);
@d_secondary: darken(@secondary, 4%);
@disabled: #BDBDBD;
@l_disabled: lighten(@disabled, 20%);
@border: #E0E0E0;
@shadow: rgba(0, 0, 0, .2);
@normalText: #333;
@midText: #777;
@lightText: #CCC;
@disabledText: #ECECEC;
@fontSize: 13px;
@borderRadio: 4px;
@smallBorderRadio: 2px;
@editor: #EFF2F7;
@previewColor: #1f2d3d;you can change theme color if you want!