mirror of https://github.com/buster-so/buster.git
52 lines
820 B
TypeScript
52 lines
820 B
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
|
import { Avatar } from './Avatar';
|
|
|
|
const meta = {
|
|
title: 'Base/Avatar',
|
|
component: Avatar,
|
|
parameters: {
|
|
layout: 'centered'
|
|
},
|
|
tags: ['autodocs']
|
|
} satisfies Meta<typeof Avatar>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof Avatar>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
name: 'John Doe'
|
|
}
|
|
};
|
|
|
|
export const WithImage: Story = {
|
|
args: {
|
|
name: 'John Doe',
|
|
image: 'https://github.com/shadcn.png'
|
|
}
|
|
};
|
|
|
|
export const WithTooltip: Story = {
|
|
args: {
|
|
name: 'John Doe',
|
|
useToolTip: true
|
|
}
|
|
};
|
|
|
|
export const CustomClassName: Story = {
|
|
args: {
|
|
name: 'John Doe',
|
|
className: 'h-12 w-12'
|
|
}
|
|
};
|
|
|
|
export const SingleLetter: Story = {
|
|
args: {
|
|
name: 'John'
|
|
}
|
|
};
|
|
|
|
export const NoName: Story = {
|
|
args: {}
|
|
};
|