Cards

Example

Placeholder Image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Blazor 
<BsCard Style="width: 18rem;">
    <svg class="@Bs.Css.CardImageTop" style="text-anchor: middle" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#868e96"></rect>
        <text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text>
    </svg>
    <BsCardBody>
        <BsCardTitle>Card title</BsCardTitle>
        <BsCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</BsCardText>
        <BsAnchorButton Href="#" Variant="BsButtonVariant.Primary">Go somewhere</BsAnchorButton>
    </BsCardBody>
</BsCard>