Components
Loading preview...
Here is Buttons Components
@ShadcnStudio
npx shadcn@latest add https://21st.dev/r/ShadcnStudio/buttonsimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
import { Button } from '@/components/ui/button'
const ButtonAvatarDemo = () => {
return (
<Button className='flex items-center gap-1 rounded-full pl-2'>
<Avatar className='flex-shrink-0 self-center size-6'>
<AvatarImage src='https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-5.png' alt='Hallie Richards' />
<AvatarFallback className='text-foreground text-xs'>HR</AvatarFallback>
</Avatar>
@hallierichards
</Button>
)
}
export default ButtonAvatarDemo