The form template card component.

Parameters:
NameTypeDescription
propsobject

Component props.

Properties
NameTypeDescription
bgColorstring

The background color of the card.

blankButtonAttributesobject

The attributes for the blank button.

bottomBoxAttributesobject

Custom attributes for the bottom box component.

bottomChildrenJSX.Element | null

React elements for the bottom container.

customAttributesobject

Custom attributes for the component.

customClassesstring | Array | object

Custom classes for the component.

headingAttributesobject

Custom attributes for the card heading component.

imageAttributesobject

Custom attributes for the card image component.

primaryCtaAttrsobject

Custom attributes for the primary CTA.

secondaryCtaAttrsobject

Custom attributes for the secondary CTA.

stylestring

The style of the form template card.

tagAttributesobject

Custom attributes for the tag component.

textAttributesobject

Custom attributes for the card text component.

topBoxAttributesobject

Custom attributes for the top box component.

topChildrenJSX.Element | null

React elements for the top container.

refobject | null

Ref to the component.

Since
  • 1.1.15
Returns:

The form template card component.

Type: 
JSX.Element
Example
import FormTemplateCard from '@gravityforms/components/react/admin/modules/Cards/FormTemplateCard';

return (
    <FormTemplateCard
        bgColor="iceberg-blue"
        headingAttributes={{
            content: 'Card title',
            weight: 'medium',
            size: 'text-sm',
            tagName: 'h2',
        }}
        style="form-template"
    />
);