Skip to content

SubmitButtonBinding

Defined in: SubmitButtonBinding.ts:4, SubmitButtonBinding.ts:35

Binding for submit button elements

Key features:

  • Handles form submission
  • Auto-disables during submission or validation, or when invalid (and optionally, until the form is dirty)
  • Reports errors on hover
  • Manages busy states and ARIA attributes
  • FormBinding

Config = object

Defined in: SubmitButtonBinding.ts:10

optional disableUnlessDirty?: boolean

Defined in: SubmitButtonBinding.ts:22

Keep the button disabled until the form is dirty.

A click that reaches the button meanwhile doesn't submit the form either.

false

optional onClick?: Attrs["onClick"]

Defined in: SubmitButtonBinding.ts:12

[Extend] Click handler

optional onMouseOver?: Attrs["onMouseOver"]

Defined in: SubmitButtonBinding.ts:14

[Extend] Mouse enter handler

new SubmitButtonBinding(form, config): SubmitButtonBinding

Defined in: SubmitButtonBinding.ts:36

Form<unknown>

SubmitButtonBinding.Config

SubmitButtonBinding

config: SubmitButtonBinding.Config

Defined in: SubmitButtonBinding.ts:38

FormBinding.config


onClick: MouseEventHandler<HTMLButtonElement>

Defined in: SubmitButtonBinding.ts:48


onMouseOver: MouseEventHandler<HTMLButtonElement>

Defined in: SubmitButtonBinding.ts:56


get busy(): boolean

Defined in: SubmitButtonBinding.ts:44

boolean

@computed


get props(): object

Defined in: SubmitButtonBinding.ts:66

Binding properties which passed to the view component

object

aria-busy: boolean

aria-invalid: boolean

disabled: boolean

onClick: MouseEventHandler<HTMLButtonElement>

onMouseOver: MouseEventHandler<HTMLButtonElement>

FormBinding.props