One component library for every framework you ship

---
import { Switch } from "@/components/starwind/switch";
---

<Switch id="astro-switch" />

import { Switch } from "@/components/starwind/switch";

export function Example() {
  return <Switch id="react-switch" />;
}

<script setup lang="ts">
import { Switch } from "@/components/starwind/switch";
</script>

<template>
  <Switch id="vue-switch" />
</template>

<script lang="ts">
  import { Switch } from "@/components/starwind/switch";
</script>

<Switch id="svelte-switch" />

<span id="html-switch" data-sw-switch role="switch">
  <span data-sw-switch-thumb></span>
  <input data-sw-switch-input type="checkbox" />
</span>

<script type="module">
  import { initStarwind } from "@starwind-ui/runtime";
  initStarwind();
</script>