ilex.h
搭配ray-doc-loader,实现自动生成react组件文档及示例
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>
);
}
}