primer-react/src/OcticonButton.js

Primer react components

import React from 'react'
import PropTypes from 'prop-types'
import classnames from 'classnames'
import Octicon from '@githubprimer/octicons-react'
import {withSystemProps, COMMON} from './system-props'

function OcticonButton({disabled, className, icon, label, onClick, size}) {
  const buttonProps = {
    'aria-label': label,
    className: classnames('btn-link text-inherit', className),
    disabled,
    onClick
  }
  const octiconProps = {icon, size}
  return (
    <button {...buttonProps}>
      <Octicon {...octiconProps} />
    </button>
  )
}

OcticonButton.defaultProps = {
  label: ''
}

OcticonButton.propTypes = {
  disabled: PropTypes.bool,
  icon: Octicon.propTypes.icon,
  label: PropTypes.string.isRequired,
  onClick: PropTypes.func,
  size: Octicon.propTypes.size
}

export default withSystemProps(OcticonButton, COMMON)