useId ​

Source order ​

useId resolves IDs in this order:

1. Explicit ID passed to useId(id).
2. The useId function provided by ConfigProvider.
3. Vue's native useId when available.
4. Reka UI's fallback counter for older Vue versions.

Use ConfigProvider when your framework provides its own SSR-stable ID source, such as Nuxt's useId.

Usage ​

import { useId } from 'reka-ui'

const buttonId = useId() // reka-1

import { useId } from 'reka-ui'

const buttonId = useId('test-id') // test-id