Gradient card

Use the gradient card component to add a predefined gradient border, to provide extra emphasis, and draw extra attention to the card content.

Usage

Here is an example of a standard usage of gradient card component.

Gradient card default

HTML
<div class="gradient-card">
    <div class="gradient-card-content">
        <p>Gradient card default</p>
    </div>
</div>

Figma

Flying flyout