fix(LOY-128): add rounded filter chip variant

This commit is contained in:
Christian Andolf
2025-06-09 16:28:21 +02:00
parent d560ac0fca
commit f292cc7922
6 changed files with 200 additions and 48 deletions

View File

@@ -1,24 +1,25 @@
import { Button as ButtonRAC } from 'react-aria-components'
import { Typography } from '../Typography'
import { ChipButtonProps } from './types'
import { variants } from './variants'
export function ChipButton({
children,
variant,
selected = false,
size = 'Large',
className,
...props
}: ChipButtonProps) {
const classNames = variants({
variant,
selected,
size,
})
return (
<Typography variant="Body/Supporting text (caption)/smBold">
<ButtonRAC {...props} className={[className, classNames].join(' ')}>
{children}
</ButtonRAC>
</Typography>
<ButtonRAC {...props} className={[className, classNames].join(' ')}>
{children}
</ButtonRAC>
)
}