Card

installation

import { FgCard } from 'fadgram-vue'

Props

Prop	Type	Default	Description
title	string	-	The card title to display.
icon	string	-	The icon to display before the title.

Basic usage

Preview

The card content

vue

<fg-card>
    The card content
</fg-card>

Header & footer

Preview

Card title

The card content

Card footer

vue

<fg-card>
    <template #header>
        <div class="card-title">
            Card title
        </div>
    </template>
    The card content
    <template #footer>
        Card footer
    </template>
</fg-card>

Title & icon

Preview

Card title

The card content

vue

<fg-card icon="bi-star" title="Card title">
    The card content
</fg-card>

Note

Review Fadgram Ui for more details about card appearance.