Showcase text Tastic

Tastic name:

Showcase text

Page type:

All pages

Example image:

Schema.json file:

{
    "tasticType": "frontastic/boost/content/showcase-text",
    "name": "Showcase Text",
    "category": "Content",
    "icon": "menu",
    "schema": [
        {
            "name": "Showcase Text",
            "fields": [
                {
                    "label": "Showcase text",
                    "field": "showcaseText",
                    "type": "string",
                    "translatable": false,
                    "default": ""
                }
            ]
        }
    ]
}

Tastic.jsx file:

 
import React, { Component } from 'react'
import PropTypes from 'prop-types'

import tastify from '@frontastic/catwalk/src/js/helper/tastify'

class ShowcaseTextTastic extends Component {
    render () {
        return (
            
 <div classname="border m-2 p-2">
  {this.props.data.showcaseText}
 </div>
        )
    }
}

ShowcaseTextTastic.propTypes = {
    data: PropTypes.object.isRequired,
    // tastic: PropTypes.object.isRequired,
}

ShowcaseTextTastic.defaultProps = {}

export default tastify({ translate: true })(ShowcaseTextTastic)