Spaces
Space Tokens 是一组预设的间距值,确保 UI 元素(如外边距、内边距、间隙等)的视觉一致性。
默认情况下,Space Tokens 可直接应用于以下属性
padding
、paddingTop
、paddingBottom
、paddingLeft
、paddingRight
、marginRight
、marginTop
、marginLeft
、marginBottom
、margin
、marginBlock
、marginBlockStart
、marginBlockEnd
、marginInline
、marginInlineStart
、marginInlineEnd
、paddingBlock
、paddingBlockStart
、paddingBlockEnd
、paddingInline
、paddingInlineStart
、paddingInlineEnd
、top
、left
、right
、bottom
、gap
、rowGap
、columnGap
、gridGap
、gridColumnGap
、gridRowGap
、outlineOffset
、inset
、insetBlock
、insetBlockStart
、insetBlockEnd
、insetInline
、insetInlineStart
、insetInlineEnd
。Nex UI 开箱即支持以下 Tokens。
Token | Value |
---|---|
px | 1px |
0.5 | 2px |
1 | 4px |
1.5 | 6px |
2 | 8px |
2.5 | 10px |
3 | 12px |
3.5 | 14px |
4 | 16px |
4.5 | 18px |
5 | 20px |
5.5 | 22px |
6 | 24px |
6.5 | 26px |
7 | 28px |
7.5 | 30px |
8 | 32px |
8.5 | 34px |
9 | 36px |
9.5 | 38px |
10 | 40px |
11 | 44px |
12 | 48px |
13 | 52px |
14 | 56px |
15 | 60px |
最后更新时间