kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Hooks
  • All59
  • State7
    • useBoolean
    • useControllableValue
    • useCounter
    • useDebounce
    • useResetState
    • useThrottle
    • useToggle
  • Advanced6
  • Lifecycle16
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4
New: 37 Vue composables, zero dependencies

State

Menyimpan dan mengubah nilai.

Browse HooksDocumentation

7 composables

use-boolean.ts
const { value, setTrue, setFalse, toggle } = useBoolean(false)
useBoolean
State

Membalik nilai boolean, dengan nama aksi yang menyebut maksudnya.

use-controllable-value.ts
const { state, setState } = useControllableValue(props, {
  defaultValue: '',
})
useControllableValue
State

Satu nilai yang bisa dikendalikan dari luar, atau mengurus dirinya sendiri.

use-counter.ts
const { count, inc, dec, reset } = useCounter(0)
useCounter
State

Pencacah dengan aksi yang menyebut maksudnya.

use-debounce.ts
const query = ref('')
const debounced = useDebounce(query, 300)
useDebounce
State

Salinan sebuah nilai yang tertinggal beberapa saat di belakangnya.

use-reset-state.ts
const { state, set, reset } = useResetState({ name: '' })
useResetState
State

State yang bisa dikembalikan ke nilai awalnya.

use-throttle.ts
const scrollY = ref(0)
const throttled = useThrottle(scrollY, 200)
useThrottle
State

Salinan sebuah nilai yang diperbarui paling sering sekali per jeda.

use-toggle.ts
const { value, toggle } = useToggle('light', 'dark')
useToggle
State

Membalik sebuah nilai bolak-balik antara dua kemungkinan.

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping