Playground
Change one thing, see everything follow.
Component, props, palette, density and viewport are independent axes. The snippet below the preview is generated from the same values, so it always produces what is on screen.
Generated from the controls above
<Button variant="primary" size="md">Deploy to production</Button>The snippet is built from the same values that render the preview, so what you copy is what you see. Demo source — adapt to your project.