diff --git a/src/harmony/User/User.tsx b/src/harmony/User/User.tsx index 030b4d02..bb19cd4f 100644 --- a/src/harmony/User/User.tsx +++ b/src/harmony/User/User.tsx @@ -14,6 +14,7 @@ interface AllowedBadgeProps { iconRight?: ComponentProps['iconRight']; action?: ComponentProps['action']; view?: ComponentProps['view']; + as?: ComponentProps['as']; } interface UserProps extends AllowedBadgeProps { @@ -54,7 +55,7 @@ export const Avatar: React.FC< }; export const User = forwardRef( - ({ email, name, src, short, size = 's', className, ...props }, ref) => { + ({ email, name, src, short, size = 's', as = 'div', className, ...props }, ref) => { return ( ( }, className, )} - as="div" + as={as} ref={ref} iconLeft={} text={nullable(!short, () => (