Class IgcButtonComponent

Represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality.

igc-button

  • Renders the label of the button.

prefix - Renders content before the label of the button.

suffix - Renders content after the label of the button.

igcFocus - Emitted when the button gains focus.

igcBlur - Emitted when the button loses focus.

base - The native button element.

prefix - The prefix container.

suffix - The suffix container.

Hierarchy

Hierarchy

  • IgcButtonBaseComponent
    • IgcButtonComponent

Properties

download: string

Prompts to save the linked URL instead of navigating to it.

href: string

The URL the button points to.

rel: string

The relationship of the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types

size: "small" | "medium" | "large"

Determines the size of the component.

since v4.5.0. Use the --ig-size CSS custom property instead.

target?:
    | "_blank"
    | "_parent"
    | "_self"
    | "_top"

Where to display the linked URL, as the name for a browsing context.

type: "button" | "reset" | "submit" = 'button'

The type of the button. Defaults to button.

variant:
    | "flat"
    | "outlined"
    | "contained"
    | "fab" = 'contained'

Sets the variant of the button.

Accessors

  • get form(): null | HTMLFormElement
  • Returns the HTMLFormElement associated with this element.

    Returns null | HTMLFormElement

Methods