Hidden

The hidden widget renders a hidden field inside of your form.

Example

Code

import React from "react";
import {
  createForm,
  textField,
  StatefulFormView,
  hiddenFieldWidget,
  content,
} from "@fab4m/fab4m";
import "@fab4m/fab4m/css/basic/basic.css";

const form = createForm({
  content: content({}, () => <p>There's a hidden field down here:</p>),
  hidden: textField({
    widget: hiddenFieldWidget(),
  }),
});

export default function hiddenFieldExample() {
  return (
    <StatefulFormView
      form={form}
      hideSubmit={true}
      // The value of the field is provided through the data.
      data={{ hidden: "value" }}
    />
  );
}

Example

Compatible components

• Text field
• Integer field
• Float field