Skip to main content

MoleculeCheckboxField

MoleculeCheckboxField is the combination of and AtomCheckbox and a MoleculeField

Installation​

$ npm install @s-ui/react-molecule-checkbox-field --save

Usage​

import MoleculeCheckboxField from '@s-ui/react-molecule-checkbox-field'

Basic usage (info)​

<MoleculeCheckboxField
    id="description-inline2"
    label="Description"
    helpText="Tu descripción en Latin"
/>

Success Message​

<MoleculeCheckboxField
    id="description2"
    label="Description"
    value="In some place of La Mancha which name..."
    successText="Everything ok!"
/>

Error Message​

 <MoleculeCheckboxField
    id="notes"
    label="Notes"
    errorText="All wrong!"
    value="In some place of La Mancha which name..."
/>

Alert Message​

 <MoleculeCheckboxField
    id="notes"
    label="Notes"
    alertText="Something meh..."
    value="In some place of La Mancha which name..."
/>

Find full description and more examples in the demo page.