Switch

A control that allows the user to toggle between checked and not checked.

Component Source Primitive API Reference

Preview ​

Installation ​

bash
npx sigma-ui add switch

Examples ​

Basic ​

vue
<script setup lang="ts">
import { ref } from 'vue'
import { Switch } from '@/components/ui/switch'

const airplaneMode = ref(false)
</script>

<template>
  <Switch
    :model-value="airplaneMode"
    @update:model-value="airplaneMode = $event"
  />
</template>

Form ​

Email Notifications

Receive emails about new products, features, and more.

Receive emails about your account security.

Edit this page on GitHub