CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Storybook created"

Browse Source 
This reverts commit acc572e6be.
This commit is contained in:
adilallo
2025-08-11 12:00:34 -06:00
parent acc572e6be
commit 4ef658a355
37 changed files with 13 additions and 4880 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/AvatarContainer.stories.js
-60
View File
@@ -1,60 +0,0 @@
import AvatarContainer from "../app/components/AvatarContainer";
import Avatar from "../app/components/Avatar";
export default {
title: "Components/AvatarContainer",
component: AvatarContainer,
parameters: {
layout: "centered",
},
tags: ["autodocs"],
argTypes: {
size: {
control: { type: "select" },
options: ["small", "medium", "large", "xlarge"],
},
},
args: {
size: "medium",
},
};
export const Default = {
render: (args) => (
<AvatarContainer {...args}>
<Avatar src="/assets/Avatar_1.png" alt="User 1" size={args.size} />
<Avatar src="/assets/Avatar_2.png" alt="User 2" size={args.size} />
<Avatar src="/assets/Avatar_3.png" alt="User 3" size={args.size} />
</AvatarContainer>
),
};
export const Small = {
render: (args) => (
<AvatarContainer size="small">
<Avatar src="/assets/Avatar_1.png" alt="User 1" size="small" />
<Avatar src="/assets/Avatar_2.png" alt="User 2" size="small" />
<Avatar src="/assets/Avatar_3.png" alt="User 3" size="small" />
</AvatarContainer>
),
};
export const Large = {
render: (args) => (
<AvatarContainer size="large">
<Avatar src="/assets/Avatar_1.png" alt="User 1" size="large" />
<Avatar src="/assets/Avatar_2.png" alt="User 2" size="large" />
<Avatar src="/assets/Avatar_3.png" alt="User 3" size="large" />
</AvatarContainer>
),
};
export const XLarge = {
render: (args) => (
<AvatarContainer size="xlarge">
<Avatar src="/assets/Avatar_1.png" alt="User 1" size="xlarge" />
<Avatar src="/assets/Avatar_2.png" alt="User 2" size="xlarge" />
<Avatar src="/assets/Avatar_3.png" alt="User 3" size="xlarge" />
</AvatarContainer>
),
};