mm
This commit is contained in:
20
packages/ui/src/component/avatar/Avatar.tsx
Normal file
20
packages/ui/src/component/avatar/Avatar.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
import * as BUI from "@base-ui/react";
|
||||
|
||||
type AvatarPorps = {
|
||||
size?: "sm" | "md" | "lg";
|
||||
src?: string;
|
||||
alt?: string;
|
||||
};
|
||||
|
||||
export const Avatar = (props: AvatarPorps) => {
|
||||
const { size = "md", src, alt } = props;
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<BUI.Avatar.Root>
|
||||
<BUI.Avatar.Image src={src} alt={alt} />
|
||||
<BUI.Avatar.Fallback></BUI.Avatar.Fallback>
|
||||
</BUI.Avatar.Root>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user