Examples - Choose viewport

[MekalaNagarajan-Centrica]

Outcome

To be able to switch between different viewports to view the example rendered for a component.

Scope

• Add Options to select the viewport (Radio / Slider / Select)
• Layout and styling configuration for the viewport.

[MekalaNagarajan-Centrica]

I added the radio options within the current component renderer and mapped the changed values to css styling. This seems to work in Astro page but not in Starlight page.

The reason being Astro page is dynamic and rendered from server on request whereas Starlight page is static and generated during build phase itself.