Integrations / Astro
What it does
Our Astro integration provides a single entry point to setting up the Designer Decisions MDX authoring experience.
The integration uses the dd.config.mjs configuration file to automatically load decisions from all available sources. Not only it makes the decision data available to all our components, it also auto-refreshes the page when decision data changes.
Customization
The integration injecting the Designer Decision base styles and tokens in the page, as well as a Starlight customization layer, so that styles for the Design System work seamlessly on top of Starlights default content styling.
Components
Common Props
All components that render a decision, such as the ShowDecisionCard component, share the same common props:
dandstore: to identify and retrieve the decision.layout: to control the flow of items in set/scale decisions and the relative position of the value/viz pair.value,viz,size, andoptions: to control how the visualization and value are displayed.
Refer to Common Props for more details on these props.
Decisions
These components render the decision visualization and value.
Composable
These components render values, visualizations and decision details individually.
They are exposed so that anyone can create custom visualizations, composing these directly in their custom components.
Values
These components render the decision values.