ray-doc-component

author

ilex.h

descr

搭配ray-doc-loader,实现自动生成react组件文档及示例

useage

import {  DocCode, RayExample} from 'ray-doc-component';
import Icon from 'amos-icon';

class Demo extends Component {

  render(){
    return (
      <div>
        <DocCode>
          {
            `
            <Icon
              prefix='amosicon' // amosicon 全局
              icon="string"     // 图标名称，不带前缀部分
              spin={bool}       // 是否旋转。默认值为 false
              size={int|string} // 图标尺寸，可选值为 [lg|2x|3x|4x|5x]，或者为数字 1-5
              font={string}     // 指定font-family
              style={object}    // 样式，fontSize、color等等
            >
              {string}        // code （可选）
            </Icon>
            `
          }
        </DocCode>
        <RayExample>
          <Icon icon="tags" />
          <Icon icon="tags" size={2} />
          <Icon icon="tags" onClick={()=>console.log('hello')} />
        </RayExample>
      </div>
    );
  }
}