Module: MetricCard

The metric card component. used to display icons with a measurement of some kind.

Parameters:

Name Type Description

props

object

Component props.

Name	Type	Description
`children`	JSX.Element \| null	React element children.
`count`	JSX.Element \| number \| string	The count to display.
`contentAttributes`	object	Custom attributes for the content box.
`contentClasses`	string \| Array \| object	Custom classes for the content box.
`countAttributes`	object	Custom attributes for the count text.
`countClasses`	string \| Array \| object	Custom classes for the count text.
`customAttributes`	object	Custom attributes for the component.
`customIcon`	JSX.Element \| null	React element for a custom icon.
`customClasses`	string \| Array \| object	Custom classes for the component.
`iconAttributes`	object	Custom attributes for the icon.
`hasIcon`	boolean	Whether to include the icon.
`spacing`	string \| number \| Array \| object	The spacing for the component, as a string, number, array, or object.
`style`	string	Visual style variant. "default" has boxed and bordered icons, "minimal" has a subtler icon treatment.
`title`	string	The title to display.
`titleAttributes`	object	Custom attributes for the title.
`titleClasses`	string \| Array \| object	Custom classes for the title.
`type`	string	The type of metric card.

ref

object | null

Ref to the component.

Returns:

The metric card component.

Example

import MetricCard from '@gravityforms/components/react/admin/modules/Cards/MetricCard';

return (
    <MetricCard />
);