## Usage ### React ```tsx import React from 'react'; import { KvSummaryCard, ESummaryCardType } from '@kelvininc/react-ui-components'; export const KvSummaryCardExample: React.FC = () => ( <> {/*-- Required props only (Text Type) --*/} {/*-- Required props only (Number Type) --*/} {/*-- Required props loading --*/} {/*-- With all properties --*/} ); ``` ## Properties | Property | Attribute | Description | Type | Default | | ------------------- | ------------- | ----------------------------------------------------------------- | -------------------------------------------------- | ----------- | | `description` | `description` | (optional) A brief description of the card's info | `string` | `undefined` | | `label` | `label` | (optional) The label to use at the top of the card | `string` | `''` | | `loading` | `loading` | (optional) Defines loading styling for this card | `boolean` | `false` | | `subtitle` | `subtitle` | (optional) The subtitle of the card | `string` | `undefined` | | `type` _(required)_ | `type` | (required) Used to define font styling according to the data type | `ESummaryCardType.Number \| ESummaryCardType.Text` | `undefined` | ----------------------------------------------