0.1.29 • Published 4 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
4 years ago
0.1.28
4 years ago
0.1.27
4 years ago
0.1.26
4 years ago
0.1.25
4 years ago
0.1.24
4 years ago
0.1.23
4 years ago
0.1.22
4 years ago
0.1.21
4 years ago
0.1.20
4 years ago
0.1.19
4 years ago
0.1.18
4 years ago
0.1.17
4 years ago
0.1.16
4 years ago
0.1.15
4 years ago
0.1.14
4 years ago
0.1.13
4 years ago
0.1.12
4 years ago
0.1.11
4 years ago
0.1.10
4 years ago
0.1.9
4 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.0.16
6 years ago
0.0.15
6 years ago
0.0.14
6 years ago
0.0.13
6 years ago
0.0.12
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago