CardImage

Updated on Aug 31, 2026

Every Blazor Card can have a dedicated area to render a card image that will fill the size of the card. The content of the CardImage as well as its size is completely customizable through the available configuration options.

Use the CardImage building block to insert an image in the Card

Example

View Source

Loading ...

Features

The CardImage provides the following features:

• Class - string - the CSS class that will be rendered on the main wrapping container of the image.

• Src - string - defines the source of the image.

• Width - string - defines width of the image.

• Height - string - defines the height of the image.

• Alt - string - defines the alt attribute of the image tag.

See Also

• Live Demo: Card Building Blocks