Spacing
Find spacing variables within the nds-core package.
There are a number of set sizes to be used for margins/padding/borders, listed below:
| Var | Pixels | Rems | Sample code | Width |
|---|---|---|---|---|
| $xx-small | 2px | 0.125rem | utils.rem(spacing.$xx-small) | |
| $x-small | 4px | 0.25rem | utils.rem(spacing.$x-small) | |
| $small | 8px | 0.5rem | utils.rem(spacing.$small) | |
| $medium | 16px | 1rem | utils.rem(spacing.$medium) | |
| $large | 32px | 2rem | utils.rem(spacing.$large) | |
| $x-large | 48px | 3rem | utils.rem(spacing.$x-large) | |
| $xx-large | 64px | 4rem | utils.rem(spacing.$xx-large) |
Help improve this page
To help make sure that this page is useful, relevant and up to date, you can:
Need help?
If you've got a question about the NICE Design System, contact the team.
- If you work for NICE, ask us a question in our Teams channel
- If you work outside of NICE, you can get in touch with us via Github discussions