kara-react-components-mobileweb/src/components/icon/index.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}`,
  props.className)
  return (<i
    onClick={props.onClick}
    className={classNames}
  />)
}

Icon.propTypes = {
  prefixCls: string,
  type: string.isRequired, // icon类型
  size: oneOf(['xxs', 'xs', 'sm', 'md', 'lg']),
  className: string,
  onClick: func,
}

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

export default Icon