Borders and corners
| Token | Value | Sample | Use it for |
|---|---|---|---|
radius | 8px | The only corner: every Tailwind radius step collapses to it, rounded-full included. Buttons, slabs, chips, dialogs, inputs. | |
radius-code | 4px | Inline code and kbd-sized marks, the one place the corner is tighter. |
| Token | Value | Sample | Use it for |
|---|---|---|---|
bw | 2px | Default line: inputs, code, tables, the table-of-contents rule. | |
bw-thick | 3px | Edge of a slab, a button and the header rule: the signature heavy line. | |
focus-ring-width | 4px | Width of the outer focus ring where it is drawn as an outline. |