0.1.29 • Published 5 years ago
@belong-ui/button v0.1.29
Basic Button Usage:
<div className="styleguidist__btns-wrap">
<Button
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Simple Button</span>
</Button>
<Button
isDisabled
onClick={() => { window.alert('Nothing happens on Click'); }}
>
<span>Disabled Button</span>
</Button>
<Button
size="small"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Small Button</span>
</Button>
<br />
<br />
<Button
type="brand"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Brand Button</span>
</Button>
<Button
type="brand"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Brand Button</span>
</Button>
<Button
type="primary"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Primary Button</span>
</Button>
<Button
isDisabled
type="primary"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Primary Button</span>
</Button>
<Button
type="warning"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Warning Button</span>
</Button>
<Button
type="warning"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Warning Button</span>
</Button>
<Button
type="green"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Green Button</span>
</Button>
<Button
type="green"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span>Green Button</span>
</Button>
<br />
<br />
<Button
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-user"></i> Icon Button</span>
</Button>
<Button
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-spin fa-spinner"></i> Loading</span>
</Button>
<Button
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-spin fa-refresh"></i> Syncing</span>
</Button>
<br />
<br />
<Button
type="primary"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-user"></i> Icon Button</span>
</Button>
<Button
isDisabled
type="primary"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-spin fa-spinner"></i> Loading</span>
</Button>
<Button
isDisabled
type="primary"
onClick={() => { window.alert('Button Was Clicked'); }}
>
<span><i className="fa fa-spin fa-refresh"></i> Syncing</span>
</Button>
</div>
0.1.29
5 years ago
0.1.28
5 years ago
0.1.27
5 years ago
0.1.26
5 years ago
0.1.25
5 years ago
0.1.24
5 years ago
0.1.23
5 years ago
0.1.22
5 years ago
0.1.21
5 years ago
0.1.20
5 years ago
0.1.19
5 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
6 years ago
0.1.10
6 years ago
0.1.11
6 years ago
0.1.9
6 years ago
0.1.8
6 years ago
0.1.7
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
7 years ago
0.1.0
7 years ago
0.0.16
7 years ago
0.0.15
8 years ago
0.0.14
8 years ago
0.0.13
8 years ago
0.0.12
8 years ago
0.0.11
8 years ago
0.0.10
8 years ago
0.0.8
8 years ago
0.0.7
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago