Skip to content

Toggle

A component that can be a fast indicator for switching a state replacing the form of sending the form. It can also be used as a switch to show a new content. It can act as an independent component or include the form components.

Props

value
required
Information about whether the tab is active
type:Boolean
default:false
size
Component size
type:String
default:md
values:sm, md, lg

Examples

Standard
html
<toggle :value="show" @click="change()" size="md" />
ts
import { ref } from 'vue'
const show = ref(false)
function change() {
  show.value = !show.value
}