Markdown

{
  "tasticType": "frontastic/ui/content/markdown",
  "name": "Frontastic UI markdown",
  "icon": "wrap_text",
  "category": "Content",
  "schema": [
    {
      "name": "Content",
      "fields": [
        {
          "label": "Content",
          "field": "markdown",
          "type": "markdown",
          "translatable": true,
          "required": true
        }
      ]
    }
  ]
}

import Markdown from 'components/frontastic-ui/content/markdown';

const MarkdownTastic = ({ data }) => {
  return <Markdown text={data.markdown} />;
};

export default MarkdownTastic;