Contents

/* @flow */
import React from 'react'

type UserBadgeProps = {
  className?: String,
  id?: String,
  badge?: 'million-dollar' | 'veteran',
  size?: 'sm' | 'md' | 'lg',
}

const UserBadge = ({
  badge = 'million-dollar',
  size = 'md',
}: UserBadgeProps) => {
  const image = require(`./badges/_${badge}.svg`)

  return (
    <div className={`pb_user_badge_kit_${size}`}>
      <div className="pb_user_badge_wrapper">
        <img src={image} />
      </div>
    </div>
  )
}
export default UserBadge

Version data entries

24 entries across 24 versions & 1 rubygems

Version	Path
playbook_ui-4.6.0	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
playbook_ui-4.5.2	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
playbook_ui-4.5.1	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
playbook_ui-4.5.0	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx