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.

Csspart

base - The native button element of the igc-button component.

Csspart

prefix - The prefix container of the igc-button component.

Csspart

suffix - The suffix container of the igc-button component.

Hierarchy

Hierarchy

  • IgcButtonBaseComponent
    • IgcButtonComponent

Properties

Accessors

Methods

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

Optionaltarget

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

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

Attr

type

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

The type of the button. Defaults to button.

Attr

variant

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

Sets the variant of the button.

Attr

Accessors

disabled

form

  • get form(): null | HTMLFormElement

  • Returns the HTMLFormElement associated with this element.

    Returns null | HTMLFormElement

Methods

blur

click

focus