@fictjs/id

Stable id accessor for Fict, modeled after @radix-ui/react-id. Generates a deterministic, unique id for wiring up ARIA attributes (id, aria-labelledby, aria-controls, …).

Part of ui-primitives, a port of Radix Primitives to Fict.

Installation

pnpm add @fictjs/id fict

Usage

/** @jsxImportSource fict */
import { useId } from '@fictjs/id'

function Field() {
  const id = useId() // accessor: () => string
  return (
    <>
      <label for={id()}>Name</label>
      <input id={id()} />
    </>
  )
}

API

• useId(determinedId?) — returns an accessor (() => string). Pass an optional determinedId (value or accessor) to use a provided id; otherwise a stable fict-* id is generated.

Exports

• Values: useId.

Documentation

The API mirrors @radix-ui/react-id. See the ui-primitives overview and the architecture guide.

License

MIT © Fict contributors.