Nuxt/docs/3.api/2.composables/use-id.md
Якин Никита 658a0ffed7
feat(nuxt): useId composable (#23368)
Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Sébastien Chopin <seb@nuxt.com>
2024-01-30 09:10:13 +00:00

709 B

title description
useId Generate an SSR-friendly unique identifier that can be passed to accessibility attributes.

useId generates an SSR-friendly unique identifier that can be passed to accessibility attributes.

Call useId at the top level of your component to generate a unique string identifier:

<script setup lang="ts">
const id = useId()
</script>

<template>
  <div>
    <label :for="id">Email</label>
    <input :id="id" name="email" type="email"/>
  </div>
</template>

Parameters

useId does not take any parameters.

Returns

useId returns a unique string associated with this particular useId call in this particular component.