Sha256: 2f2ca7812476e9f46b9895a0d9a0b12915a7cf1995604c464f0b663919253934
Contents?: true
Size: 632 Bytes
Versions: 14
Compression:
Stored size: 632 Bytes
Contents
/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
import React from 'react'
import classnames from 'classnames'
import Title from '../pb_title/_title.jsx'
type PillProps = {
className?: String,
id?: String,
text: String,
variant?: 'success' | 'warning' | 'error' | 'info' | 'neutral',
}
const Pill = ({
className,
id,
text,
variant='neutral'
}: PillProps) => {
const css = classnames([
`pb_pill_kit_${variant}`,
className,
])
return (
<div className={css}>
<Title size={4} className="pb_pill_text" text={text} />
</div>
)
}
export default Pill
Version data entries
14 entries across 14 versions & 1 rubygems