1.1.0 • Published 4 years ago
@smashing/button v1.1.0
yarn add @smashing/button
Default appearance
<Button>Default</Button>
<Button intent="info">Info</Button>
<Button intent="success">Success</Button>
<Button intent="warning">Warning</Button>
<Button intent="danger">Danger</Button>
Primary appearance
<Button appearance="primary">Default</Button>
<Button appearance="primary" intent="info">
Info
</Button>
<Button appearance="primary" intent="success">
Success
</Button>
<Button appearance="primary" intent="warning">
Warning
</Button>
<Button appearance="primary" intent="danger">
Danger
</Button>
Subtle appearance
<Button appearance="subtle">Default</Button>
<Button appearance="subtle" intent="info">
Info
</Button>
<Button appearance="subtle" intent="success">
Success
</Button>
<Button appearance="subtle" intent="warning">
Warning
</Button>
<Button appearance="subtle" intent="danger">
Danger
</Button>
Flat appearance
<Button appearance="flat">Default</Button>
<Button appearance="flat" intent="info">
Info
</Button>
<Button appearance="flat" intent="success">
Success
</Button>
<Button appearance="flat" intent="warning">
Warning
</Button>
<Button appearance="flat" intent="danger">
Danger
</Button>
Minimal appearance
<Button appearance="minimal">Default</Button>
<Button appearance="minimal" intent="info">
Info
</Button>
<Button appearance="minimal" intent="success">
Success
</Button>
<Button appearance="minimal" intent="warning">
Warning
</Button>
<Button appearance="minimal" intent="danger">
Danger
</Button>
Height
<Button height={64}>Default</Button>
<Button height={48} intent="info">
Info
</Button>
<Button height={32} intent="success">
Success
</Button>
<Button height={24} intent="warning">
Warning
</Button>
<Button height={20} intent="danger">
Danger
</Button>
Border radius
<Button borderRadius={30}>Default</Button>
<Button borderRadius={30} intent="info">
Info
</Button>
<Button borderRadius={30} intent="success">
Success
</Button>
<Button borderRadius={30} intent="warning">
Warning
</Button>
<Button borderRadius={30} intent="danger">
Danger
</Button>
1.1.0
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.5.0
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.3.0
4 years ago
0.2.30
5 years ago
0.2.30-alpha.13
5 years ago
0.2.29
5 years ago
0.2.28
5 years ago
0.2.27
5 years ago
0.2.26
5 years ago
0.2.25
5 years ago
0.2.24
5 years ago
0.2.23
5 years ago
0.2.22
5 years ago
0.2.21
5 years ago
0.2.20
5 years ago
0.2.18
5 years ago
0.2.17
5 years ago
0.2.16
5 years ago
0.2.15
5 years ago
0.2.14
5 years ago
0.2.13
5 years ago
0.2.12
5 years ago
0.2.11
5 years ago
0.2.10
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago