@wonderflow/react-components
Version:
UI components from Wonderflow's Wanda design system
38 lines • 1.05 kB
TypeScript
import { TokensTypes } from '@wonderflow/tokens/platforms/web';
declare type Columns = {
default: number;
extraSmall?: number;
small?: number;
medium?: number;
large?: number;
extraLarge?: number;
};
export declare type MasonryProps = {
/**
* Set the space between items. This is applied on both vertical
* and horizontal axis.
*/
gutter?: 0 | TokensTypes['space'];
/**
* Set the breakpoints for the masonry layout. You can pass a fixed number
* or an object map.
*
* The object map is used to change the number of the columns based on
* the specified breakpoint. When passing an object, you must specify the
* default key, other breakpoints are optional.
*
* @example
*{
* default: 6,
* extraLarge: 5,
* large: 4,
* medium: 3,
* small: 2,
* extraSmall: 1
*}
*/
columns?: number | Columns;
};
export declare const Masonry: FCChildrenClass<MasonryProps>;
export {};
//# sourceMappingURL=masonry.d.ts.map