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.
<igx-card [horizontal]="true"></igx-card>
Sets/gets the id
of the card.
If not set, id
will have value "igx-card-0"
;
<igx-card id="my-first-card"></igx-card>
let cardId = this.card.id;
Sets the value of the role
attribute of the card.
By default the value is set to group
.
<igx-card role="group"></igx-card>
Sets/gets whether the card is elevated.
Default value is false
.
<igx-card elevated></igx-card>
let cardElevation = this.card.elevated;
Card provides a way to display organized content in appealing way.
Igx Module
IgxCardModule
Igx Theme
igx-card-theme, igx-icon-theme, igx-button-theme
Igx Keywords
card, button, avatar, icon
Igx Group
Layouts
Remarks
The Ignite UI Card serves as a container that allows custom content to be organized in an appealing way. There are five sections in a card that you can use to organize your content. These are header, media, content, actions, and footer.
Example