Hex Core JS
    Preparing search index...

    Type Alias ButtonProps

    ButtonProps: {
        autoFocus?: boolean;
        disabled?: boolean;
        id?: string;
        isLoading?: boolean;
        level?: ButtonLevelVariant;
        onClick: ButtonClickHandler;
        onDoubleClick?: ButtonClickHandler;
        rateLimitMS?: number;
        size?: ButtonSize;
        tabIndex?: number;
        title?: string;
        type?: ButtonType;
        variant?: ButtonSemanticVariant;
    } & Partial<ClassNameProps & StyleProps & ChildrenProps>

    Type Declaration

    • OptionalautoFocus?: boolean

      Sets the autofocus property on the underlying HTML button element

    • Optionaldisabled?: boolean

      Indicates whether the button is disabled or not (same as for HTML button).

    • Optionalid?: string

      HTML id of the element.

    • OptionalisLoading?: boolean

      Whether something relevant to the button is loading. If true displays loading animation and is disabled.

    • Optionallevel?: ButtonLevelVariant

      Level of the button, indicates the hierachy of the button relative to other buttons and content.

    • onClick: ButtonClickHandler

      Click handler callback (same as for HTML button).

    • OptionalonDoubleClick?: ButtonClickHandler

      Double click handler callback (same as for HTML button). Note that rate limiting will interfere with double click.

    • OptionalrateLimitMS?: number

      Sets how frequently the button can be clicked (once every rateLimitMS milliseconds). If set, the button will become disabled for the given number of milliseconds after each click.

    • Optionalsize?: ButtonSize

      Size of the button.

    • OptionaltabIndex?: number

      Sets the tab index for keyboard navigation (same as for HTML button).

    • Optionaltitle?: string

      Title of the button (sets HTML title attribute).

    • Optionaltype?: ButtonType

      Type of the button (same as for HTML button).

    • Optionalvariant?: ButtonSemanticVariant

      Variant of the button, indicates style and meaning of the button.