@bonizario-ignite-ui/react
Version:
Ignite UI react components
34 lines (28 loc) • 669 B
text/typescript
import * as Avatar from '@radix-ui/react-avatar';
import { styled } from '../../styles';
export const AvatarContainer = styled(Avatar.Root, {
borderRadius: '$full',
display: 'inline-block',
width: '$16',
height: '$16',
overflow: 'hidden',
});
export const AvatarImage = styled(Avatar.Image, {
width: '100%',
height: '100%',
objectFit: 'cover',
borderRadius: 'inherit',
});
export const AvatarFallback = styled(Avatar.AvatarFallback, {
width: '100%',
height: '100%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '$gray600',
color: '$gray800',
svg: {
width: '$6',
height: '$6',
},
});