Some checks failed
DSS Project Analysis / dss-context-update (push) Has been cancelled
- 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>
53 lines
1.1 KiB
TypeScript
53 lines
1.1 KiB
TypeScript
/**
|
|
* Table Header Stories
|
|
* @generated 2025-12-11T14:37:52.584468
|
|
*/
|
|
import type { Meta, StoryObj } from '@storybook/preact';
|
|
import { TableHeader, type TableHeaderProps } from '../src/atoms/TableHeader';
|
|
|
|
const meta: Meta<TableHeaderProps> = {
|
|
title: '4. Organisms/TableHeader',
|
|
component: TableHeader,
|
|
tags: ['autodocs'],
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
component: `Auto-generated TableHeader component
|
|
|
|
**Classification:** organism
|
|
**Slots:** None
|
|
**Figma ID:** 19:6472`
|
|
}
|
|
}
|
|
},
|
|
argTypes: {
|
|
content: {
|
|
control: 'select',
|
|
options: ['Checkbox', 'Empty', 'Sortable', 'Text'],
|
|
description: 'Content variant',
|
|
},
|
|
alignment: {
|
|
control: 'select',
|
|
options: ['Left', 'Right'],
|
|
description: 'Alignment variant',
|
|
},
|
|
state: {
|
|
control: 'select',
|
|
options: ['Active', 'Default', 'Hover', 'Selected'],
|
|
description: 'State variant',
|
|
},
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<TableHeaderProps>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
content: 'Checkbox',
|
|
alignment: 'Left',
|
|
state: 'Active',
|
|
children: 'TableHeader'
|
|
},
|
|
};
|