import { Meta } from "@storybook/addon-docs";

<Meta title="Playground" />

<style>{`
  .codesandbox {
    width:100%;
    height:500px;
    border: 1px solid var(--neutral-100);
    border-radius: var(--radius-base);
    overflow: hidden;
    aspect-ratio: 1/1;
  }

  
`}</style>

# Playground

Sandbox to experiment with luminary tokens and components.

<div className="preview-list">
  <iframe
    className="codesandbox"
    src="https://codesandbox.io/embed/luminary-playground-7fep7?fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.vue&theme=light"
    title="luminary playground"
    allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
  ></iframe>
</div>