Newsletter

Frontastic component name

Newsletter

Suggested page placement

Any page type

Example images

Newletter form

Subscribed newsletter

Code samples

{
  "tasticType": "frontastic/ui/content/newsletter",
  "name": "Frontastic UI newsletter",
  "category": "Content",
  "icon": "email",
  "schema": [
    {
      "name": "Content",
      "fields": [
        {
          "label": "Headline",
          "field": "headline",
          "type": "string"
        },
        {
          "label": "Description",
          "field": "description",
          "type": "string"
        },
        {
          "label": "Disclaimer",
          "field": "disclaimer",
          "type": "string"
        }
      ]
    },
    {
      "name": "Form",
      "fields": [
        {
          "label": "Input placeholder",
          "field": "inputPlaceholder",
          "type": "string"
        },
        {
          "label": "CTA label",
          "field": "ctaLabel",
          "type": "string"
        }
      ]
    },
    {
      "name": "Subscription confirmation",
      "fields": [
        {
          "label": "Success title",
          "field": "successTitle",
          "type": "string"
        },
        {
          "label": "Success message",
          "field": "successMessage",
          "type": "string"
        }
      ]
    }
  ]
}
import React from 'react';
import Newsletter, { NewsletterProps } from 'components/frontastic-ui/newsletter';

interface Props {
  data: NewsletterProps;
}

const NewsletterTastic: React.FC<Props> = ({ data }) => {
  return <Newsletter {...data} />;
};

export default NewsletterTastic;

Did this page help you?