Class IgcIconButtonComponent

Element

igc-icon-button

Csspart

base - The wrapping element.

Csspart

icon - The icon element.

Hierarchy

Hierarchy

  • IgcButtonBaseComponent
    • IgcIconButtonComponent

Constructors

Properties

collection: string

The name of the icon collection.

Attr

download: string

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

Attr

href: string

The URL the button points to.

Attr

mirrored: boolean = false

Whether to flip the icon button. Useful for RTL layouts.

Attr

name: string

The name of the icon.

Attr

rel: string

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

Attr

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?: "_blank" | "_parent" | "_self" | "_top"

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

Attr

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

The type of the button. Defaults to button.

Attr

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

The visual variant of the icon button.

Attr

formAssociated: true = true
tagName: "igc-icon-button" = 'igc-icon-button'

Accessors

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

    Returns null | HTMLFormElement

Methods

  • Type parameters

    Type Parameters

    • K extends keyof IgcButtonEventMap

    • D extends void

    Parameters

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

    Returns boolean