Working with layout components.
display
prop.max-width
to the content it wraps. Like Section, it comes just with a couple of pre-defined sizes that work well with common breakpoints and typical content widths for comfortable reading.
Prop | Type | Default |
---|---|---|
p | Responsive<number | string> | No default value |
px | Responsive<number | string> | No default value |
py | Responsive<number | string> | No default value |
pt | Responsive<number | string> | No default value |
pr | Responsive<number | string> | No default value |
pb | Responsive<number | string> | No default value |
pl | Responsive<number | string> | No default value |
Prop | Type | Default |
---|---|---|
width | Responsive<string> | No default value |
minWidth | Responsive<string> | No default value |
maxWidth | Responsive<string> | No default value |
Prop | Type | Default |
---|---|---|
height | Responsive<string> | No default value |
minHeight | Responsive<string> | No default value |
maxHeight | Responsive<string> | No default value |
Prop | Type | Default |
---|---|---|
position | Responsive<enum> | No default value |
inset | Responsive<enum | string> | No default value |
top | Responsive<enum | string> | No default value |
right | Responsive<enum | string> | No default value |
bottom | Responsive<enum | string> | No default value |
left | Responsive<enum | string> | No default value |
Prop | Type | Default |
---|---|---|
flexBasis | Responsive<string> | No default value |
flexShrink | Responsive<enum | string> | No default value |
flexGrow | Responsive<enum | string> | No default value |
Prop | Type | Default |
---|---|---|
gridArea | Responsive<string> | No default value |
gridColumn | Responsive<string> | No default value |
gridColumnStart | Responsive<string> | No default value |
gridColumnEnd | Responsive<string> | No default value |
gridRow | Responsive<string> | No default value |
gridRowStart | Responsive<string> | No default value |
gridRowEnd | Responsive<string> | No default value |
Prop | Type | Default |
---|---|---|
m | Responsive<enum | string> | No default value |
mx | Responsive<enum | string> | No default value |
my | Responsive<enum | string> | No default value |
mt | Responsive<enum | string> | No default value |
mr | Responsive<enum | string> | No default value |
mb | Responsive<enum | string> | No default value |
ml | Responsive<enum | string> | No default value |