HighLighter

Package: @alife/intl-comp-highLighterVersion: 1.0.14
Copy

import Component from '@alife/intl-comp-highLighter';
import React from 'react';
import ReactDOM from 'react-dom';

// import '@alife/intl-comp-highLighter/dist/index.css';

const json = {
  uiType: '@alife/intl-comp-cms-one-step-banner',
  dataSource: [
    {
      href: 'http://taobao.com',
      image: 'https://img.alicdn.com/tfs/TB1jHkBmNv1gK0jSZFFXXb0sXXa-1440-343.png',
    },
    {
      image: 'https://img.alicdn.com/tfs/TB1Y_XacrY1gK0jSZTEXXXDQVXa-1416-813.png',
    },
  ],
  height: 300,
  autoHeight: false,
};

ReactDOM.render(<Component lang="json">{JSON.stringify(json, null, 2)}</Component>, mountNode);
  
Copy
{
  "uiType": "@alife/intl-comp-cms-one-step-banner",
  "dataSource": [
    {
      "href": "http://taobao.com",
      "image": "https://img.alicdn.com/tfs/TB1jHkBmNv1gK0jSZFFXXb0sXXa-1440-343.png"
    },
    {
      "image": "https://img.alicdn.com/tfs/TB1Y_XacrY1gK0jSZTEXXXDQVXa-1416-813.png"
    }
  ],
  "height": 300,
  "autoHeight": false
}
Usage
Copy
{
  "uiType": "HighLighter",
  "lang": "json",
  "children": "{\n  \"uiType\": \"@alife/intl-comp-cms-one-step-banner\",\n  \"dataSource\": [\n    {\n      \"href\": \"http://taobao.com\",\n      \"image\": \"https://img.alicdn.com/tfs/TB1jHkBmNv1gK0jSZFFXXb0sXXa-1440-343.png\"\n    },\n    {\n      \"image\": \"https://img.alicdn.com/tfs/TB1Y_XacrY1gK0jSZTEXXXDQVXa-1416-813.png\"\n    }\n  ],\n  \"height\": 300,\n  \"autoHeight\": false\n}"
}
Props
propertypropTypedefaultdescription
langstringlanguage
childrenstringchildren string