@cimpress/react-components
Version:
React components to support the MCP styleguide
30 lines • 1.05 kB
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
import { unstable_GridLayout as GridLayout } from '../GridLayout';
/**
* Create layouts based on CSS Grid.
*
* This is an unstable component, expect breaking changes or complete removal in minor versions.
*
* **Usage**
*
* ```jsx
* import { unstable_GridLayout as GridLayout } from '../GridLayout';
*
* // ...
*
* <GridLayout>
* <GridLayout.Item mdSpan={6} lgSpan={4}>...</GridLayout.Item>
* </GridLayout>
* ```
*/
declare const meta: Meta<typeof GridLayout>;
export default meta;
type Story = StoryObj<typeof GridLayout>;
export declare const Default: Story;
/** Two column layout which wraps at `sm` viewport. */
export declare const TwoColumns: Story;
/** Three column layout which wraps to two columns at `md` viewport, and one column at `sm` viewport. */
export declare const ThreeColumns: Story;
/** Adjust starting column with `start` prop to create an offset between columns. */
export declare const StartColumn: Story;
//# sourceMappingURL=GridLayout.stories.d.ts.map