Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:17
comments %:0

Container

Centered, max-width layout component

Container variants can be defined in the

theme.layout
object. The Container component uses
theme.layout.container
as its default variant style.

Overview

Container text

Name
Description
Default
Controls
SpaceProps (1 properties)
p

Padding on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
BackgroundColorProps (1 properties)

A11y tests

Container text

Viewport

Container text
320px

Container text
375px

Container text
768px

Container text
1024px