Merged in feat/sw-3271-move-chip-to-design-system (pull request #2659)
feat(SW-3271): Move Chip to design-system * Move Chip to design-system Approved-by: Joakim Jäderberg
This commit is contained in:
committed by
Joakim Jäderberg
parent
20d34198e3
commit
67a7a0d571
27
packages/design-system/lib/components/Chip/index.tsx
Normal file
27
packages/design-system/lib/components/Chip/index.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
import Footnote from '../Footnote'
|
||||
|
||||
import { chipVariants } from './variants'
|
||||
|
||||
import type { VariantProps } from 'class-variance-authority'
|
||||
|
||||
interface ChipProps
|
||||
extends React.HtmlHTMLAttributes<HTMLDivElement>,
|
||||
VariantProps<typeof chipVariants> {}
|
||||
|
||||
export default function Chip({
|
||||
children,
|
||||
className,
|
||||
size,
|
||||
variant,
|
||||
}: ChipProps) {
|
||||
const classNames = chipVariants({
|
||||
className,
|
||||
size,
|
||||
variant,
|
||||
})
|
||||
return (
|
||||
<Footnote asChild>
|
||||
<div className={classNames}>{children}</div>
|
||||
</Footnote>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user