Card Card.stories.tsx

0% Statements 0/35

0% Branches 0/1

0% Functions 0/1

0% Lines 0/35

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import type {Meta, StoryObj} from '@storybook/react-vite';
import {Card} from './Card.js';

const meta: Meta<typeof Card> = {
    title: 'Layout/Card',
    component: Card,
    tags: ['autodocs'],
    parameters: {layout: 'padded'},
};
export default meta;

type Story = StoryObj<typeof Card>;

export const Default: Story = {
    args: {
        title: 'Sample Card',
        children: <p>Card content goes here.</p>,
    },
};

export const Collapsible: Story = {
    args: {
        title: 'Collapsible Card',
        collapsible: true,
        children: <p>This card can be collapsed.</p>,
    },
};

export const Loading: Story = {
    args: {
        title: 'Loading Card',
        loading: true,
        children: <p>Skeleton shown while loading.</p>,
    },
};