Switch

Everybody 1-2-Switch!

Example

Show Code

<script lang="ts" setup>
import { RSwitch } from 'roughness'
</script>

<template>
  <RSwitch>Airplane Mode</RSwitch>
</template>

Airplane Mode

Usage

Props

Name	Type	Default Value	Description
graphicsOptions
modelValue
...			See Space Props. Unlike Space, the default value of Switch's tag is label.

Events

Name	Type	Description
update:modelValue

Styles

Name	Type	Default Value	Description
--r-switch-border-color
--r-switch-border-width
--r-switch-control-size
--r-switch-track-color
--r-switch-handle-color
...			See Space Styles.