Space Decisions
Components
These components render space related decisions.
import { ... } from '@noodlestan/designer-shows/astro';ShowSpaceValueDecision
Renders a SpaceValueDecision.
Use the viz prop to chose the visualization type.
<ShowSpaceValueDecision store={store} d="Space Unit" size="s" /> 5px
ShowSpaceScaleDecision
Renders a SpaceScaleDecision.
Use the viz prop to chose the visualization type.
<ShowSpaceScaleDecision store={store} d="Sizing Space Scale" size="xs" /> 25px
50px
100px
200px
Props
༶ DecisionProps: store and d (mandatory)
These two mandatory props serve to identify and retrieve the decision.
༶ ValueProps ༶ value
The value prop controls how the decision value is displayed.
At the moment it has no effect on Space Decisions.
༶ ValueProps ༶ size
The size optional prop controls the size of the visualization.
Refer to ShowValueSize for available sizes.
༶ ValueProps ༶ viz
Chose visualization type.
In this example we set the visualization to circle.
<ShowDecision store={store} d="Avatar Sizes" viz="circle" /> 50px
100px
150px
200px
Refer to SpaceVizName for available visualizations.
༶ ValueProps ༶ options
Configure the visualization.
At the moment it has no effect on Space Decisions.