zent/src/design/components/whitespace/WhitespacePreview.js

一套前端设计语言和基于React的实现

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

export default class WhitespacePreview extends (PureComponent || Component) {
  static propTypes = {
    value: PropTypes.object,
    prefix: PropTypes.string
  };

  render() {
    const { value, prefix } = this.props;

    return (
      <div
        className={`${prefix}-design-component-whitespace-preview`}
        style={{ height: `${value.height}px` }}
      />
    );
  }
}