Preview

contained

outlined

animated border

Usage

<script lang="ts">
  import { Window } from "@dxdns-kit/svelte"

  const windowVariants = ["contained", "outlined"] as const
</script>

{#each windowVariants as variant (variant)}
  <Window {variant}>
    <h2>{variant}</h2>
  </Window>
{/each}

<Window animatedBorder>
  <h2>animated border</h2>
</Window>