From d2a64d237d3a09d10225bb923b7e5c6ea2a98b51 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 5 Jun 2022 13:26:00 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E8=A1=A5=E5=85=85AvatarWithPreview?=
 =?UTF-8?q?=E7=9A=84story?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AvatarWithPreview/index.stories.tsx       | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 packages/design/components/AvatarWithPreview/index.stories.tsx

diff --git a/packages/design/components/AvatarWithPreview/index.stories.tsx b/packages/design/components/AvatarWithPreview/index.stories.tsx
new file mode 100644
index 00000000..cd306986
--- /dev/null
+++ b/packages/design/components/AvatarWithPreview/index.stories.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import type { ComponentStory, ComponentMeta } from '@storybook/react';
+import { AvatarWithPreview } from '.';
+
+export default {
+  title: 'Tailchat/AvatarWithPreview',
+  component: AvatarWithPreview,
+  argTypes: {
+    name: {
+      description: '显示名称，用于无图片下的展示',
+    },
+    isOnline: {
+      description: '是否在线, 可不传',
+    },
+    size: {
+      description: '图标大小',
+      type: 'number',
+    },
+    src: {
+      description: '头像图片地址',
+      type: 'string',
+    },
+  },
+} as ComponentMeta<typeof AvatarWithPreview>;
+
+const Template: ComponentStory<typeof AvatarWithPreview> = (args) => (
+  <AvatarWithPreview {...args} />
+);
+
+export const NoImage = Template.bind({});
+NoImage.args = {
+  name: 'Anonymous',
+};
+
+export const withImage = Template.bind({});
+withImage.args = {
+  name: 'Anonymous',
+  src: 'http://dummyimage.com/50x50',
+};