kara-rc-web/src/components/icon/icon.js

kara项目react组件库

import React from 'react'
import { string, func, oneOf } from 'prop-types'
import classnames from 'classnames'

function Icon(props) {
  const { prefixCls, size, type } = props
  const classNames = classnames(
    `${prefixCls}-f`,
    `${prefixCls}-${type}`,
    { [`${prefixCls}-${size}`]: size },
    props.className)
  return (<i onClick={props.onClick} className={classNames} />)
}

Icon.propTypes = {
  prefixCls: string,
  type: string.isRequired, // icon类型 icon symbol
  size: oneOf(['', 'xs', 'sm', 'md']), // 大小可以单独传classname控制，也可以选这个三个，空字符串为通过classname自定义size
  className: string,
  onClick: func,
}

Icon.defaultProps = {
  prefixCls: 'i',
  onClick: () => {},
  className: '',
  size: 'sm',
}

export default Icon