FormPluginComponents

FormPluginComponents = object

Defined in: packages/forms/src/types.ts:144

The set of UI components a FormPlugin must provide.

Each component handles rendering a specific input type. The form and submitButton components wrap the overall form structure.

Example

const components: FormPluginComponents = {
  textInput: MyTextInput,
  numberInput: MyNumberInput,
  select: MySelect,
  checkbox: MyCheckbox,
  form: MyFormWrapper,
  submitButton: MySubmitButton,
};

Properties

checkbox

checkbox: React.ComponentType<FieldComponentProps>

Defined in: packages/forms/src/types.ts:152

Component for rendering boolean column inputs as a checkbox.

---

form

form: React.ComponentType<FormWrapperProps>

Defined in: packages/forms/src/types.ts:154

Wrapper component for the entire form element. Receives onSubmit and children.

---

numberInput

numberInput: React.ComponentType<FieldComponentProps>

Defined in: packages/forms/src/types.ts:148

Component for rendering integer/number column inputs.

---

select

select: React.ComponentType<FieldComponentProps>

Defined in: packages/forms/src/types.ts:150

Component for rendering enum column inputs as a dropdown select.

---

submitButton

submitButton: React.ComponentType<SubmitButtonProps>

Defined in: packages/forms/src/types.ts:156

Component for the form’s submit button. Receives loading state and label.

---

textInput

textInput: React.ComponentType<FieldComponentProps>

Defined in: packages/forms/src/types.ts:146

Component for rendering text/varchar column inputs.