<script>
  import Spinner from "$/client/components/Spinner.svelte";
</script>

<p>Fairly basic, just an SVG that's rotated using a simple CSS animation.</p>

<Spinner />

<h2>Using aspect_ratio</h2>
<p>You can give an aspect ratio and the spinner will create a <code>&lt;div&gt;</code> with the <code>--aspect-ratio:</code> set from the <code>static/gobal.css</code> CSS.  This will make it work as a compliment to the <code>.stacked</code> and <code>.layer</code> CSS so you can have a simple loading spinner over another component.
</p>

<Spinner aspect_ratio="16/9" />
