/*! For license information please see 6143.b61777d6.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["6143"],{82693:function(s,a,n){"use strict";n.r(a);var l=n("80681");let t=["innerHTML"];a.default={setup:()=>({html:""}),render:()=>((0,l.wg)(),(0,l.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

useToggle

Intro

Used to switch between true and false.

Usage

Basic Usage

import { useToggle } from '@vant/use';\n\nexport default {\n  setup() {\n    const [state, toggle] = useToggle();\n\n    toggle(true);\n    console.log(state.value); // -> true\n\n    toggle(false);\n    console.log(state.value); // -> false\n\n    toggle();\n    console.log(state.value); // -> true\n  },\n};\n

Default Value

import { useToggle } from '@vant/use';\n\nexport default {\n  setup() {\n    const [state, toggle] = useToggle(true);\n    console.log(state.value); // -> true\n  },\n};\n

API

Type Declarations

function useToggle(\n  defaultValue: boolean,\n): [Ref<boolean>, (newValue: boolean) => void];\n

Params

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Name	Description	Type	Default Value
defaultValue	Default value	boolean	`false`

Return Value

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Name	Description	Type
state	State	Ref<boolean>
toggle	Function to switch state	(newValue?: boolean) => void

'},null,8,t))}}}]);