Forms

The <ch5-form> component provides a container for which input-based components, such as <ch5‑textentry>, <ch5‑slider>, <ch5‑toggle>, <ch5‑select>, and <ch5‑spinner>, can be grouped together to send signals upon a submit button press or to revert to their received signal values upon a cancel button press. This component does not interact with signal directly, but instead triggers the input-based components to submit changes to signal values.

For interactive examples using the <ch5-form> component and CSS classes, refer to the Showcase Application.

Features

The <ch5-form> attributes provide the following features:

  • Determines whether the submit and/or cancel buttons are shown or hidden.
  • Sets the submit button text, icon, style, and type.
  • Sets the cancel button text, icon, style, and type.
  • Allows a click event (via the ID of an element) to be used to trigger submit and/or cancel functionality.