Space Examples

<ShowDecisionCard store={store} d="Space Unit" model params>

Space Unit

5px

Base unit for space scales

Model:

space-value/explicit

Params:

• value

  5

<ShowDecision store={store} d="Layout Space Scale" size="s" />
<ShowDecision store={store} d="Avatar Sizes" viz="circle" />

5px

10px

15px

20px

30px

50px

50px

100px

150px

200px

<ShowDecision store={store} d="Sizing Space Scale" viz="square" />

25px

50px

100px

200px