Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

🔹 Description

To follow

...

A toggle key is a key that is used to turn a function on or off, or to switch between two functions.

...

🔹System Dependencies

...

Code Block
languagejs
import { InputSelectionHandler} from 'empower-inputs';

let [formElement, setFormElement] = useState({
sampleToggleButton: {
      id: 'sampleToggleButton',
      type: 'toggle-button',
      placeholder: 'Please select option',
      value: '',
      disabled: false,
      required: true,
      options: [
          sampleToggle: {
            labelid: "ApprovesampleToggle",
            valuelabel: "APPROVEDSample Toggle",
          }type: 'toggle',
          {
            label: "Reject"value: false,
            valuerequired: "REJECTED"true,
          }
        ]disabled: false
    }
,    
});

..............

return (
    <>
      <h4>TOGGLE BUTTON</h4>
 <InputSelectionHandler
    <InputSelectionHandler         config={formElement.sampleToggleButtonsampleToggle}
        customClass="toggle-button-custom-class"         onChanged={(e) => inputChangedHandler(e, 'sampleToggleButtonsampleToggle')}
      />
    </>
  )

🔹  Properties

...

🔹 References

Repository Link: https://gitlabbitbucket.comorg/empowerteams/empower-inputs.git

NPM Package: npm: empower-inputs

...