MoleculeButtonGroupField

MoleculeButtonGroupField is the combination of and MoleculeButtonGroup and a MoleculeField

Installation

$ npm install @s-ui/react-molecule-button-group-field

import MoleculeButtonGroupField from '@s-ui/react-molecule-button-group-field'

Basic (with Information help text)

  <MoleculeButtonGroupField
    id="info-help-text"
    label="Your text here"
    helpText="Tu descripción en Latin"
  />

Success Message

  <MoleculeButtonGroupField
    id="success-help-text"
    label="Your text here"
    successText="Everything ok!"
  />

Error Message

  <MoleculeButtonGroupField
    id="error-help-text"
    label="Your text here"
    errorText="All wrong!"
  />

Alert Message

  <MoleculeButtonGroupField
    id="alert-help-text"
    label="Your text here"
    alertText="Something meh..."
  />

Find full description and more examples in the demo page.