Utility Reference
Tables
Panda provides utilities for styling tables.
Panda provides utilities for styling tables.
Border Spacing
Control the border-spacing property of a table.
<table className={css({ borderSpacing: '2' })} />| Prop | CSS Property | Token Category |
|---|---|---|
borderSpacing | border-spacing | spacing |
Border Spacing X
Control the horizontal border-spacing property of a table.
<table className={css({ borderSpacingX: '2' })} />| Prop | CSS Property | Token Category |
|---|---|---|
borderSpacingX | border-spacing | spacing |
Border Spacing Y
Control the vertical border-spacing property of a table.
<table className={css({ borderSpacingY: '2' })} />| Prop | CSS Property | Token Category |
|---|---|---|
borderSpacingY | border-spacing | spacing |
Full reference
Generated from @pandacss/preset-base, so this table always matches the utilities Panda ships.
Table · 5
| Property | Shorthand | Class | Values |
|---|---|---|---|
| borderCollapse | — | bd-cl | — |
| borderSpacing | — | bd-sp | spacing | auto |
| borderSpacingX | — | bd-sx | spacing |
| borderSpacingY | — | bd-sy | spacing |
| tableLayout | — | tbl | — |