Element
igc-icon-button
CSS Parts
base — The wrapping element of the icon button.
icon — The icon element of the icon button.

Properties

Section titled "Properties"

Optional collection

Section titled "collection"

The name of the icon collection.

 
collection: string

Defined in src/components/button/icon-button.ts:47

Optional download

Section titled "download"

Inherited from: IgcButtonBaseComponent

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

 
download: string

Defined in src/components/button/button-base.ts:56

Optional href

Section titled "href"

Inherited from: IgcButtonBaseComponent

The URL the button points to.

 
href: string

Defined in src/components/button/button-base.ts:49

mirrored

Section titled "mirrored"

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

 
mirrored: boolean = false

Defined in src/components/button/icon-button.ts:54

Optional name

Section titled "name"

The name of the icon.

 
name: string

Defined in src/components/button/icon-button.ts:40

Optional rel

Section titled "rel"

Inherited from: IgcButtonBaseComponent

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

 
rel: string

Defined in src/components/button/button-base.ts:71

Optional target

Section titled "target"

Inherited from: IgcButtonBaseComponent

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

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

Defined in src/components/button/button-base.ts:63

type

Section titled "type"

Inherited from: IgcButtonBaseComponent

The type of the button. Defaults to button.

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

Defined in src/components/button/button-base.ts:42

variant

Section titled "variant"

The visual variant of the icon button.

 
variant: IconButtonVariant = 'contained'

Defined in src/components/button/icon-button.ts:61

Accessors

Section titled "Accessors"

form

Section titled "form"

Inherited from: IgcButtonBaseComponent

Returns the HTMLFormElement associated with this element.

get form(): HTMLFormElement | null

Defined in src/components/button/button-base.ts:90

Returns HTMLFormElement | null

Methods

Section titled "Methods"

blur

Section titled "blur"

Inherited from: IgcButtonBaseComponent

Removes focus from the button.

blur(): void

Defined in src/components/button/button-base.ts:107

Returns void

click

Section titled "click"

Inherited from: IgcButtonBaseComponent

Simulates a mouse click on the element

click(): void

Defined in src/components/button/button-base.ts:101

Returns void

focus

Section titled "focus"

Inherited from: IgcButtonBaseComponent

Sets focus in the button.

focus(options: FocusOptions): void

Defined in src/components/button/button-base.ts:96

Parameters

  • options: FocusOptions

Returns void