This guide demonstrates how to use the Card component.

Card Properties

Name Type Default Description
Name string ‘card’ + index suffix Unique name of the Card.
Title string/expression empty Card title.
Value string/expression empty Card value.
Icon string null Card icon.
IconColor string null Card icon color.
IconBackground string null Card icon background color.
ValueColor string null Card value color.
TitleColor string null Card title color.
Background string null Card background color.

For more info about expressions please visit expressions in our documentation.

Angular declaration

<rz-card #card0 background="#9bb84d" icon="3d_rotation" iconBackground="#491313" iconColor="#6f1919"
  title="Your Title" titleColor="#376c54" value="Your value" valueColor="#425188">

Get Radzen

Sign-up to download the free 30-day Radzen trial.