Tables

Bamboo provides utilities for styling tables.

Border Spacing

borderSpacingX and borderSpacingY write the --border-spacing-x and --border-spacing-y custom properties. Nothing reads them until borderSpacing is set to auto, so set all three together.

<table className={css({ borderSpacing: 'auto', borderSpacingX: '2', borderSpacingY: '1' })} />