d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
39 lines
948 B
TypeScript
39 lines
948 B
TypeScript
import { Avatar } from "@medusajs/ui"
|
|
|
|
export default function AvatarSizes() {
|
|
return (
|
|
<div className="flex gap-4 items-center">
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="2xsmall"
|
|
/>
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="xsmall"
|
|
/>
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="small"
|
|
/>
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="base"
|
|
/>
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="large"
|
|
/>
|
|
<Avatar
|
|
src="https://avatars.githubusercontent.com/u/10656202?v=4"
|
|
fallback="M"
|
|
size="xlarge"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|