zenequityui: Basic Input Component
npm install @zenequityui/input
#### To install a component run$ npm install @zenequityui/input --save
#### Please import CSS styles via
``scss noeditor`
@import '/path__to__node_modules/@zenequityui/input/dist/index.min.css
#### Without Label and Without Required:
`js static`
import { Input } from '@zenequityui/input';js`
initialState = {
value: '',
smallValue: '',
textAreaValue: '',
};
value={state.value}
onChange={(event) => {
setState({
value: event.target.value,
});
}}
onEnter={(value) => { alert(value: ${value}); }}value: ${textAreaValue}
/>
placeholder="TextArea Placeholder"
value={state.textAreaValue}
onChange={(event) => {
setState({
textAreaValue: event.target.value,
});
}}
onEnter={(textAreaValue) => { alert(); }}
htmlAttributes={{
rows: '5',
cols: '30',
}}
/>
#### Disabled Inputs
`js static`
import { Input } from '@zenequityui/input';js``
initialState = {
value: '',
};
value={state.value}
onChange={(event) => {
setState({
value: event.target.value,
});
}}
onEnter={(value) => { alert(value: ${value}); }}value: ${textAreaValue}
isDisabled
/>
placeholder="TextArea Placeholder"
value={state.textAreaValue}
onChange={(event) => {
setState({
textAreaValue: event.target.value,
});
}}
onEnter={(textAreaValue) => { alert(); }}
htmlAttributes={{
rows: '5',
cols: '30',
}}
isDisabled
/>