@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
32 lines (31 loc) • 1.49 kB
TypeScript
import { BaseComponentProps } from '../internal/base-component';
export interface BoxProps extends BaseComponentProps {
variant?: BoxProps.Variant;
display?: BoxProps.Display;
margin?: BoxProps.SpacingSize | BoxProps.Spacing;
padding?: BoxProps.SpacingSize | BoxProps.Spacing;
textAlign?: BoxProps.TextAlign;
float?: BoxProps.Float;
fontSize?: BoxProps.FontSize;
fontWeight?: BoxProps.FontWeight;
color?: BoxProps.Color;
children?: React.ReactNode;
}
export declare namespace BoxProps {
type Variant = 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'small' | 'code' | 'pre' | 'samp';
type Display = 'block' | 'inline' | 'inline-block' | 'none';
type TextAlign = 'left' | 'center' | 'right';
type Float = 'left' | 'right';
type FontSize = 'body-s' | 'body-m' | 'heading-xs' | 'heading-s' | 'heading-m' | 'heading-l' | 'heading-xl' | 'display-l';
type FontWeight = 'light' | 'normal' | 'bold';
type Color = 'inherit' | 'text-label' | 'text-body-secondary' | 'text-status-error' | 'text-status-success' | 'text-status-info' | 'text-status-inactive';
type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
interface Spacing {
top?: BoxProps.SpacingSize;
right?: BoxProps.SpacingSize;
bottom?: BoxProps.SpacingSize;
left?: BoxProps.SpacingSize;
horizontal?: BoxProps.SpacingSize;
vertical?: BoxProps.SpacingSize;
}
}