wv-icon-card
Purpose
<wv-icon-card/>
. Generates a styles icon card.
Properties
name | description |
---|---|
class |
object type: default value: is required: Added to the generated card classes |
description |
object type: default value: is required: Description of the card |
icon-class |
object type: default value: is required: Used to generate the icon of the card using FontAwesome icon library |
icon-color |
object type: default value: is required: Select from 32 color options |
is-card |
object type: default value: is required: If TRUE generates the card wrapping lines according to the Bootstrap styling |
is-clickable |
object type: default value: is required: If TRUE adds a "clickable" class that will change the cursor as pointer on hovering the card |
has-shadow |
object type: default value: is required: If TRUE generates a shadow below the card |
title |
object type: default value: is required: Title of the card |
Example
<wv-icon-card title="Database" class="mb-4" description="SQL Select" icon-class="fas fa-fw fa-database" icon-color="Purple"></wv-icon-card>