Basic
| Props | |
|---|---|
align-content | Flex > Align Content |
align-items | Flex > Align Items Columns > Alignment |
align-self | Flex > Align Self Columns > Alignment |
background-color | Background > Background Color |
background-gradient | Background > Background Gradient |
background-image | |
background-opacity | Background > Opacity |
background-position | |
background-repeat | |
background-size | |
border | |
border-color | Borders > Color |
border-subtractive | Borders > Subtractive |
border-width | Borders > Width |
bottom | |
clearfix | |
col | |
display | |
display-headings | Typography > Display Headings |
end | |
fixed | |
flex | Flex > Enable Flex Behaviors |
flex-direction | Flex > Direction |
flex-fill | Flex > Fill |
flex-grow | Flex > Grow And Shrink |
flex-order | Flex > Order |
flex-shrink | Flex > Grow And Shrink |
flex-wrap | Flex > Wrap |
float | |
focus-ring | |
font-family | |
font-monospace | Text > Monospace |
font-size | Text > Font Size |
font-style | Text > Font Weight And Italics |
font-weight | Text > Font Weight And Italics |
gap | Spacing > Gap CSS Grid > Gaps |
headings | Typography > Headings |
hstack | Stacks > Horizontal |
initialism | Typography > Abbreviations |
invisible | |
justify-content | Flex > Justify Content |
lead | Typography > Lead |
line-height | Text > Line Height |
link-offset | Link > Underline Offset |
link-opacity | Link > Link Opacity |
link-underline | Link > Link Underlines |
link-underline-opacity | Link > Underline Opacity |
margin | |
mark | Typography > Inline Text Elements |
max-height | Sizing > Relative To The Parent |
max-width | Sizing > Relative To The Parent |
min-viewport-height | Sizing > Relative To The Viewport |
min-viewport-width | Sizing > Relative To The Viewport |
object-fit | |
offset | Columns > Offsetting Columns |
opacity | |
order | Flex > Order Columns > Order |
overflow | |
padding | |
placeholder | |
placeholder-size | |
pointer-events | Interactions > Pointer Events |
position | |
ratio | |
relative-height | Sizing > Relative To The Parent |
relative-width | Sizing > Relative To The Parent |
rounded | Borders > Radius |
rounded-size | Borders > Sizes |
shadow | |
small | Typography > Inline Text Elements |
start | |
sticky | |
tag | Migration > Generic Html Components |
text-alignment | Text > Text Alignment |
text-background | |
text-break | Text > Word Break |
text-color | |
text-decoration | Text > Text Decoration |
text-opacity | Text Colors > Opacity |
text-reset | Text > Reset Color |
text-transform | Text > Text Transform |
text-truncate | |
text-wrap | Text > Text Wrapping And Overflow |
theme | |
top | |
translate | |
user-select | Interactions > Text Selection |
vertical-align | |
viewport-height | Sizing > Relative To The Viewport |
viewport-width | Sizing > Relative To The Viewport |
visible | |
visually-hidden | |
vstack | Stacks > Vertical |
z |