Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

Class IgcButtonComponent

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

Element

igc-button

Slot

  • Renders the label of the button.

Slot

prefix - Renders content before the label of the button.

Slot

suffix - Renders content after the label of the button.

Fires

igcFocus - Emitted when the button gains focus.

Fires

igcBlur - Emitted when the button loses focus.

Csspart

base - The native button element.

Csspart

prefix - The prefix container.

Csspart

suffix - The suffix container.

Hierarchy

Hierarchy

  • IgcButtonBaseComponent
    • IgcButtonComponent

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

download

download: string

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

Attr

href

href: string

The URL the button points to.

Attr

rel

rel: string

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

Attr

size

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

Determines the size of the component.

Attr

Deprecated

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

target

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

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

Attr

type

type: "button" | "reset" | "submit"

The type of the button. Defaults to undefined.

Attr

variant

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

Sets the variant of the button.

Attr

Static Readonly formAssociated

formAssociated: true = true

Static Readonly tagName

tagName: "igc-button" = 'igc-button'

Accessors

disabled

form

  • get form(): null | HTMLFormElement

  • Returns the HTMLFormElement associated with this element.

    Returns null | HTMLFormElement

Methods

blur

click

emitEvent

  • Type parameters

    Type Parameters

    • K extends keyof IgcButtonEventMap

    • D extends void

    Parameters

    • type: K
    • Optional eventInitDict: CustomEventInit<D>

    Returns boolean

focus

Static register