Sergey Krylov
53659a36b1
- Inputs: TextField, Select, Checkbox - Surfaces: Surface, Card, Chip, Badge - Feedback: Alert, Dialog, Skeleton, Progress - Financial data: DataTable, Metric, Money, PriceChange - Form & page-state: FormField, FilterBar, EmptyState, ErrorState, LoadingState - MUI CssVarsProvider -> ThemeProvider deprecation fix - Inter font bundled via @fontsource/inter - ESLint no-restricted-imports (warn) for gradual migration - storybook-static gitignored All 268 tests pass (157 design-system + 111 frontend)
53 lines
1.0 KiB
TypeScript
53 lines
1.0 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
||
import { Surface } from './Surface';
|
||
|
||
const meta: Meta<typeof Surface> = {
|
||
title: 'Surfaces/Surface',
|
||
component: Surface,
|
||
argTypes: {
|
||
padding: {
|
||
control: 'select',
|
||
options: ['none', 'sm', 'md', 'lg'],
|
||
},
|
||
elevation: {
|
||
control: 'select',
|
||
options: ['none', 'sm', 'md'],
|
||
},
|
||
},
|
||
};
|
||
|
||
export default meta;
|
||
type Story = StoryObj<typeof Surface>;
|
||
|
||
export const Default: Story = {
|
||
args: {
|
||
padding: 'md',
|
||
elevation: 'none',
|
||
children: 'Содержимое поверхности',
|
||
},
|
||
};
|
||
|
||
export const Elevated: Story = {
|
||
args: {
|
||
padding: 'md',
|
||
elevation: 'md',
|
||
children: 'Поверхность с тенью',
|
||
},
|
||
};
|
||
|
||
export const NoPadding: Story = {
|
||
args: {
|
||
padding: 'none',
|
||
elevation: 'sm',
|
||
children: 'Поверхность без отступов',
|
||
},
|
||
};
|
||
|
||
export const LargePadding: Story = {
|
||
args: {
|
||
padding: 'lg',
|
||
elevation: 'sm',
|
||
children: 'Поверхность с большими отступами',
|
||
},
|
||
};
|