64 lines
1010 B
TypeScript
64 lines
1010 B
TypeScript
import { Meta, StoryObj } from "@storybook/angular";
|
|
|
|
import { AvatarComponent } from "./avatar.component";
|
|
|
|
export default {
|
|
title: "Component Library/Avatar",
|
|
component: AvatarComponent,
|
|
args: {
|
|
id: undefined,
|
|
text: "Walt Walterson",
|
|
size: "default",
|
|
},
|
|
parameters: {
|
|
design: {
|
|
type: "figma",
|
|
url: "https://www.figma.com/file/Zt3YSeb6E6lebAffrNLa0h/Tailwind-Component-Library?node-id=1881%3A16994",
|
|
},
|
|
},
|
|
} as Meta;
|
|
|
|
type Story = StoryObj<AvatarComponent>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
color: "#175ddc",
|
|
},
|
|
};
|
|
|
|
export const Large: Story = {
|
|
args: {
|
|
size: "large",
|
|
},
|
|
};
|
|
|
|
export const Small: Story = {
|
|
args: {
|
|
size: "small",
|
|
},
|
|
};
|
|
|
|
export const LightBackground: Story = {
|
|
args: {
|
|
color: "#d2ffcf",
|
|
},
|
|
};
|
|
|
|
export const Border: Story = {
|
|
args: {
|
|
border: true,
|
|
},
|
|
};
|
|
|
|
export const ColorByID: Story = {
|
|
args: {
|
|
id: "236478",
|
|
},
|
|
};
|
|
|
|
export const ColorByText: Story = {
|
|
args: {
|
|
text: "Jason Doe",
|
|
},
|
|
};
|