Files
dss/packages/dss-ui/stories/AvatarStack.stories.tsx
DSS 09b234a07f
Some checks failed
DSS Project Analysis / dss-context-update (push) Has been cancelled
feat(dss-ui): Button component with design tokens only
- Button.css uses only CSS custom properties, no fallbacks
- Token validator now blocks hardcoded values (strict_mode: true)
- Hook scripts converted from ESM (.js) to CommonJS (.cjs)
- Storybook unified config with HMR disabled for nginx proxy
- Added dss-ui package with Figma-synced components and stories

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-11 18:47:57 -03:00

61 lines
1.1 KiB
TypeScript

/**
* Avatar Stack Stories
* @generated 2025-12-11T14:37:52.567049
*/
import type { Meta, StoryObj } from '@storybook/preact';
import { AvatarStack, type AvatarStackProps } from '../src/atoms/AvatarStack';
const meta: Meta<AvatarStackProps> = {
title: '2. Atoms/AvatarStack',
component: AvatarStack,
tags: ['autodocs'],
parameters: {
docs: {
description: {
component: `Auto-generated AvatarStack component
**Classification:** atom
**Slots:** None
**Figma ID:** 22:9509`
}
}
},
argTypes: {
size: {
control: 'select',
options: ['Regular', 'Small'],
description: 'Size variant',
},
type: {
control: 'select',
options: ['Default'],
description: 'Type variant',
},
},
};
export default meta;
type Story = StoryObj<AvatarStackProps>;
export const Default: Story = {
args: {
size: 'Regular',
type: 'Default',
children: 'AvatarStack'
},
};
export const SizeRegular: Story = {
args: {
...Default.args,
size: 'Regular',
},
};
export const SizeSmall: Story = {
args: {
...Default.args,
size: 'Small',
},
};