0.1.29 • Published 5 years ago
@belong-ui/input v0.1.29
Basic Input Usage:
initialState = {
value: '',
smallValue: '',
textAreaValue: '',
};
<div className="styleguidist__input-wrap">
<Input
placeholder="Placeholder"
value={state.value}
onChange={(value) => { setState({ value }); }}
onEnter={(value) => { alert(`value: ${value}`); }}
/>
<br/>
<br/>
<Input
placeholder="Small Input"
size="small"
value={state.smallValue}
onChange={(smallValue) => { setState({ smallValue }); }}
onEnter={(smallValue) => { alert(`Value: ${smallValue}`); }}
/>
<br/>
<br/>
<Input
isTextarea
placeholder="TextArea Placeholder"
value={state.textAreaValue}
onChange={(textAreaValue) => { setState({ textAreaValue }); }}
onEnter={(textAreaValue) => { alert(`value: ${textAreaValue}`); }}
htmlAttributes={{
rows: '2',
cols: '30',
}}
/>
</div>
Disabled Inputs
initialState = {
value: '',
};
<div className="styleguidist__input-wrap">
<Input
placeholder="Placeholder"
isDisabled
value={"Disabled Value"}
/>
<br /><br />
<Input
isTextarea
placeholder="Placeholder"
isDisabled
value={"Disabled TextArea Value"}
/>
</div>
Uncontrolled Mode
initialState = {
value: '',
};
<div className="styleguidist__input-wrap">
<Input
placeholder="Uncontrolled Input"
onEnter={(value) => { alert(`value: ${value}`); }}
/>
</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.11
6 years ago
0.1.10
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