Container

Containers can be used to group content that is related. Additionally, they emphasize and highlight your grouped content.

OverviewPropertiesUsage

ContainerProps

Signature:

export declare type ContainerProps<E extends > = <E, >;

ContainerOwnProps

extends, , , , ,

Name	Type	Default	Description
variant?	| | |	'default'	The visual style of the container.
color?	| | | |	'neutral'	The color of the container. This should be chosen based on the context the container is used in.

SpacingProps

Name	Type	Default	Description
padding?			Defines CSS padding property
p?			Defines CSS padding property
paddingX?			Defines CSS x padding property
px?			Defines CSS x padding property
paddingY?			Defines CSS y padding property
py?			Defines CSS y padding property
paddingTop?			Defines CSS top padding property
pt?			Defines CSS top padding property
paddingRight?			Defines CSS right padding property
pr?			Defines CSS right padding property
paddingBottom?			Defines CSS bottom padding property
pb?			Defines CSS bottom padding property
paddingLeft?			Defines CSS left padding property
pl?			Defines CSS left padding property
margin?			Defines CSS margin property
m?			Defines CSS margin property
marginX?			Defines CSS x margin property
mx?			Defines CSS x margin property
marginY?			Defines CSS y margin property
my?			Definesy CSS margin property
marginTop?			Defines CSS top margin property
mt?			Defines CSS top margin property
marginRight?			Defines CSS right margin property
mr?			Defines CSS right margin property
marginBottom?			Defines CSS bottom margin property
mb?			Defines bottom margin property
marginLeft?			Defines CSS left margin property
ml?			Defines CSS left margin property

LayoutSizeProps

Name	Type	Default	Description
width?	[]		CSS width property
minWidth?	[]		CSS min width property
maxWidth?	[]		CSS max width property
height?	[]		CSS height property
minHeight?	[]		CSS min height property
maxHeight?	[]		CSS max height property