Sha256: 61d4d660ce38db26d047c0fbcc45b111692b2da79a9df9736638d7cc8febb087
Contents?: true
Size: 591 Bytes
Versions: 38
Compression:
Stored size: 591 Bytes
Contents
/* @flow */
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,
text,
variant = 'neutral',
}: PillProps) => {
const css = classnames([
`pb_pill_kit_${variant}`,
className,
])
return (
<div className={css}>
<Title
className="pb_pill_text"
size={4}
text={text}
/>
</div>
)
}
export default Pill
Version data entries
38 entries across 38 versions & 1 rubygems