@hackplan/polaris/types/components/Stack/Stack.d.ts

Shopify’s product component library

import React from 'react';
import { Item } from './components';
export declare type Spacing = 'extraTight' | 'tight' | 'loose' | 'extraLoose' | 'none';
export declare type Alignment = 'leading' | 'trailing' | 'center' | 'fill' | 'baseline';
export declare type Distribution = 'equalSpacing' | 'leading' | 'trailing' | 'center' | 'fill' | 'fillEvenly';
export interface Props {
    /** Elements to display inside stack */
    children?: any;
    /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */
    wrap?: boolean;
    /** Stack the elements vertically */
    vertical?: boolean;
    /** Adjust spacing between elements */
    spacing?: Spacing;
    /** Adjust vertical alignment of elements */
    alignment?: Alignment;
    /** Adjust horizontal alignment of elements */
    distribution?: Distribution;
}
export default class Stack extends React.PureComponent<Props, never> {
    static Item: typeof Item;
    render(): JSX.Element;
}