@gravity-ui/uikit
Version:
Gravity UI base styling and components
35 lines (34 loc) • 1.05 kB
TypeScript
import type * as React from 'react';
import type { QAProps } from "../../types.js";
import type { MediaPartial, Space } from "../types.js";
import "./Row.css";
export interface RowProps extends QAProps {
style?: React.CSSProperties;
/**
* Vertical and horizontal `space` between children `<Col />` components.
*/
space: Space | MediaPartial<Space>;
/**
* Override default (space) vertical gaps between children if it wrap on next line
*/
spaceRow?: Space | MediaPartial<Space>;
className?: string;
children?: React.ReactNode;
}
/**
* Defines the margins between columns (`<Col />`).
*
* Required to use with `<Col />` component
*
* ```tsx
* import {Row, Col} from '@gravity-ui/uikit';
*
* <Row space="5">
* <Col>col</Col>
* <Col>col</Col>
* </Row>
* ```
* ---
* Storybook - https://preview.gravity-ui.com/uikit/?path=/docs/layout--playground#row
*/
export declare const Row: ({ children, style, className, space, spaceRow, qa }: RowProps) => import("react/jsx-runtime").JSX.Element;