@dsaco/rc v3.2.5

安装

cnpm i -S @dsaco/rc

引入

import { Button } from '@dsaco/rc';
// 按需加载
// import Button from '@dsaco/rc/lib/Button';

import '@dsaco/rc/lib/styles.css'

options

• type
  • primary
  • secondary
• outline
• link
• disabled

• rippleColor

  • rgba(x, x ,x ,0.x)

• Button

• Message
• Notice
• Progress
• Ripple
• Img
• Switch
• Pagination
• Modal
• Select
• Input
• tagsInput
• Autocomplete
• Upload
• Tooltip

Button

import { Button } from '@dsaco/rc';
import '@dsaco/rc/lib/styles.css';

<Button>default</Button>
<Button link>default link</Button>
<Button outline>default outline</Button>

<Button theme="primary">primary</Button>
<Button theme="primary" link>
    primary link
</Button>
<Button theme="primary" outline>
    primary outline
</Button>

<Button theme="secondary">secondary</Button>
<Button theme="secondary" link>
    secondary link
</Button>
<Button theme="secondary" outline>
    secondary outline
</Button>

自定义样式

$ds-button-theme: (
	'primary': #2196f3,
	'secondary': #e10050,
	'purple': purple,
);
@import '~@dsaco/rc/lib/Button/style.scss';

<Button theme="purple">自定义颜色</Button>
<Button theme="purple" link rippleColor="rgba(0, 255, 255, .25)">
    自定义颜色 link
</Button>
<Button theme="purple" outline rippleColor="rgba(255, 0, 128, .25)">
    自定义颜色 outline
</Button>