Class Button

JavaScript enhancements for the Button component

Preserve

Hierarchy

  • GOVUKFrontendComponent
    • Button

Constructors

constructor

Properties

$module config debounceFormSubmitTimer defaults moduleName schema

Methods

debounce handleKeyDown

Constructors

constructor

  • new Button($module, config?): Button

  • Parameters

    • $module: Element

      HTML element to use for button

    • Optionalconfig: ButtonConfig = {}

      Button config

    Returns Button

Properties

Private$module

$module: HTMLElement

Privateconfig

config: ButtonConfig

PrivatedebounceFormSubmitTimer

debounceFormSubmitTimer: number = null

Staticdefaults

defaults: ButtonConfig = ...

Button default config

See

ButtonConfig

Constant

StaticmoduleName

moduleName: string = 'govuk-button'

Name for the component used when initialising using data-module attributes.

Staticschema

schema: Readonly<{
    properties: {
        preventDoubleClick: {
            type: "boolean";
        };
    };
}> = ...

Button config schema

Constant

Methods

Privatedebounce

  • debounce(event): false
  • Private

    Debounce double-clicks

    If the click quickly succeeds a previous click then nothing will happen. This stops people accidentally causing multiple form submissions by double clicking buttons.

    Parameters

    • event: MouseEvent

      Mouse click event

    Returns false

    Returns undefined, or false when debounced

PrivatehandleKeyDown

Settings

Member Visibility

On This Page

Constructors
Properties
Methods