refactor: group project/ui components into subdirectories
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
import type { Meta, StoryObj } from '@storybook/nextjs-vite';
|
||||
import { ProjectCard } from './ProjectCard';
|
||||
|
||||
const meta: Meta<typeof ProjectCard> = {
|
||||
title: 'Entities/ProjectCard',
|
||||
component: ProjectCard,
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div className="p-8 bg-white max-w-md">
|
||||
<Story />
|
||||
</div>
|
||||
),
|
||||
],
|
||||
};
|
||||
|
||||
export default meta;
|
||||
|
||||
type Story = StoryObj<typeof ProjectCard>;
|
||||
|
||||
export const Default: Story = {
|
||||
args: {
|
||||
title: 'Portfolio Website',
|
||||
year: '2024',
|
||||
description: 'A brutalist portfolio site built with Next.js and Tailwind CSS.',
|
||||
tags: ['React', 'TypeScript', 'Next.js'],
|
||||
},
|
||||
};
|
||||
|
||||
export const WithImage: Story = {
|
||||
args: {
|
||||
title: 'Portfolio Website',
|
||||
year: '2024',
|
||||
description: 'A brutalist portfolio site built with Next.js and Tailwind CSS.',
|
||||
tags: ['React', 'TypeScript', 'Next.js'],
|
||||
imageUrl: 'https://placehold.co/800x450/3B4A59/D9B48F?text=Project',
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user