Class IgxCardComponent

Hierarchy

Hierarchy

  • IgxCardComponent

Constructors

Properties

Accessors

Constructors

Properties

horizontal: boolean = false

An

Input

property that sets the value of the horizontal attribute of the card. Setting this to true will make the different card sections align horizontally, essentially flipping the card to the side.

Example

<igx-card [horizontal]="true"></igx-card>
id: string = ...

Sets/gets the id of the card. If not set, id will have value "igx-card-0";

Example

<igx-card id = "my-first-card"></igx-card>
let cardId =  this.card.id;
role: string = 'group'

An

Input

property that sets the value of the role attribute of the card. By default the value is set to group.

Example

<igx-card role="group"></igx-card>
type: string = IgxCardType.ELEVATED

An

Input

property that sets the value of the type attribute of the card. By default the value is set to elevated. You can make the card use the outlined style by setting the value to outlined.

Example

<igx-card type="outlined"></igx-card>

Accessors