Showcase text

Frontastic component name

Showcase text

Page type

Can be used on all pages

Example images

Code samples

{
    "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": ""
                }
            ]
        }
    ]
}
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)

Did this page help you?