29 lines
681 B
TypeScript
29 lines
681 B
TypeScript
import type { Meta, StoryObj } from "@storybook/react";
|
|
import { Avatar, AvatarFallback, AvatarImage } from "../src/index.js";
|
|
|
|
const meta = {
|
|
title: "Basic/Avatar",
|
|
component: Avatar,
|
|
tags: ["autodocs"],
|
|
} satisfies Meta<typeof Avatar>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Fallback: Story = {
|
|
render: () => (
|
|
<Avatar>
|
|
<AvatarFallback>管</AvatarFallback>
|
|
</Avatar>
|
|
),
|
|
};
|
|
|
|
export const WithImage: Story = {
|
|
render: () => (
|
|
<Avatar>
|
|
<AvatarImage src="https://github.com/shadcn.png" alt="头像" />
|
|
<AvatarFallback>CN</AvatarFallback>
|
|
</Avatar>
|
|
),
|
|
};
|