1.39.0 • Published 1 month ago
@s-ui/react-molecule-field v1.39.0
MoleculeField
MoleculeField
is a component that wraps a composition of Label + some input (input, textarea, ...) + Validations Messages.
Installation
$ npm install @s-ui/react-molecule-field --save
Usage
After importing the component MoleculeField
like this
import MoleculeField from '@s-ui/react-molecule-field'
Basic usage
<MoleculeField label="name" name="name">
<input id="name" type="text"/>
</MoleculeField>
With Error Message
<MoleculeField label="surname" name="surname" errorText="Error!">
<input id="surname" type="text"/>
</MoleculeField>
With Success Message
<MoleculeField label="address" name="address" successText="Success!">
<input id="address" type="text"/>
</MoleculeField>
With Alert Message
<MoleculeField label="address" name="address" alertText="Alert!">
<input id="address" type="text"/>
</MoleculeField>
With Help Text
<MoleculeField label="country" name="country" helpText="Read the instructions to write proper format">
<input id="country" type="text"/>
</MoleculeField>
Inline
<MoleculeField inline label="city" name="city">
<input id="city" type="text"/>
</MoleculeField>
Find full description and more examples in the demo page.
1.39.0
1 month ago
1.36.0
2 years ago
1.37.0
2 years ago
1.35.0
2 years ago
1.38.0
2 years ago
1.34.0
2 years ago
1.33.0
2 years ago
1.32.0
2 years ago
1.31.0
3 years ago
1.30.0
3 years ago
1.29.0
3 years ago
1.28.0
3 years ago
1.27.0
3 years ago
1.26.0
4 years ago
1.25.0
4 years ago
1.24.0
4 years ago
1.23.0
4 years ago
1.22.0
4 years ago
1.21.0
4 years ago
1.20.0
4 years ago
1.19.0
4 years ago
1.18.0
4 years ago
1.17.0
4 years ago
1.16.0
4 years ago
1.15.0
4 years ago
1.14.0
4 years ago
1.13.0
4 years ago
1.12.0
4 years ago
1.11.0
4 years ago
1.10.0
5 years ago
1.9.0
5 years ago
1.8.0
5 years ago
1.7.0
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.0
6 years ago
1.1.0
6 years ago