@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
38 lines (37 loc) • 1.26 kB
TypeScript
import { BaseComponentProps } from '../internal/base-component';
/**
* @awsuiSystem core
*/
export interface SpaceBetweenProps extends BaseComponentProps {
/**
* Defines the direction in which the content is laid out.
*/
direction?: SpaceBetweenProps.Direction;
/**
* Defines the spacing between the individual items of the content.
*/
size: SpaceBetweenProps.Size;
/**
* Content of this component.
*/
children?: React.ReactNode;
/**
* Determines how the child elements will be aligned based on the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property of the CSS Flexbox.
*/
alignItems?: SpaceBetweenProps.AlignItems;
/**
* Attributes to add to the native element.
* Some attributes will be automatically combined with internal attribute values:
* - `className` will be appended.
* - Event handlers will be chained, unless the default is prevented.
*
* We do not support using this attribute to apply custom styling.
*
* @awsuiSystem core
*/
}
export declare namespace SpaceBetweenProps {
type Direction = 'vertical' | 'horizontal';
type Size = 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
type AlignItems = 'center' | 'start' | 'end';
}