Showcase

The Showcase component can be used on any page.

Example image

Code samples

{
  "tasticType": "commercetools/ui/content/showcase",
  "name": "commercetools UI Show Case",
  "category": "Content",
  "icon": "wrap_text",
  "schema": [
    {
      "name": "Content",
      "fields": [
        {
          "label": "Text",
          "field": "content",
          "type": "text"
        }
      ]
    }
  ]
}

import React from 'react';
import Showcase, {
  Props as ShowcaseProps,
} from 'components/commercetools-ui/showcase';

interface Props {
  data: ShowcaseProps;
}

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

export default ShowcaseTastic;