feat(SW-3659): Use new input component * Use new input component * Update error formatter * Merged master into feat/use-new-input-component * Merged master into feat/use-new-input-component * Merge branch 'master' into feat/use-new-input-component * Merged master into feat/use-new-input-component * Update Input stories * Merge branch 'feat/use-new-input-component' of bitbucket.org:scandic-swap/web into feat/use-new-input-component * Update Storybook logo * Add some new demo icon input story * Fix the clear content button position * Fix broken password input icon * Merged master into feat/use-new-input-component * Merged master into feat/use-new-input-component * Add aria-hidden to required asterisk * Merge branch 'feat/use-new-input-component' of bitbucket.org:scandic-swap/web into feat/use-new-input-component * Merge branch 'master' into feat/use-new-input-component Approved-by: Bianca Widstam Approved-by: Matilda Landström
26 lines
554 B
TypeScript
26 lines
554 B
TypeScript
import { Button as ButtonRAC } from 'react-aria-components'
|
|
|
|
import { VariantProps } from 'class-variance-authority'
|
|
import { ComponentProps } from 'react'
|
|
import { variants } from './variants'
|
|
|
|
interface IconButtonProps
|
|
extends ComponentProps<typeof ButtonRAC>, VariantProps<typeof variants> {}
|
|
|
|
export function IconButton({
|
|
variant,
|
|
emphasis,
|
|
size,
|
|
className,
|
|
...props
|
|
}: IconButtonProps) {
|
|
const classNames = variants({
|
|
variant,
|
|
emphasis,
|
|
size,
|
|
className,
|
|
})
|
|
|
|
return <ButtonRAC {...props} className={classNames} />
|
|
}
|