@shopify/polaris
Version:
Shopify’s admin product component library
34 lines • 1.42 kB
TypeScript
import React from 'react';
import type { SpaceScale } from '@shopify/polaris-tokens';
import type { ResponsiveProp } from '../../utilities/css';
type Align = 'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly';
type BlockAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
type Gap = ResponsiveProp<SpaceScale>;
type Direction = ResponsiveProp<'row' | 'row-reverse'>;
type Element = 'div' | 'span' | 'li' | 'ol' | 'ul';
export interface InlineStackProps extends React.AriaAttributes {
children?: React.ReactNode;
/** HTML Element type
* @default 'div'
*/
as?: Element;
/** Horizontal alignment of children */
align?: Align;
/** Horizontal direction in which children are laid out */
direction?: Direction;
/** Vertical alignment of children */
blockAlign?: BlockAlign;
/** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.
* @example
* gap='200'
* gap={{xs: '200', sm: '300', md: '400', lg: '500', xl: '600'}}
*/
gap?: Gap;
/** Wrap stack elements to additional rows as needed on small screens
* @default true
*/
wrap?: boolean;
}
export declare const InlineStack: ({ as: Element, align, direction, blockAlign, gap, wrap, children, }: InlineStackProps) => React.JSX.Element;
export {};
//# sourceMappingURL=InlineStack.d.ts.map