0.18.0 • Published 3 years ago

@reach/auto-id v0.18.0

Weekly downloads
329,061
License
MIT
Repository
github
Last release
3 years ago

@reach/auto-id

Stable release MIT license

Docs | Source

Autogenerate IDs to facilitate WAI-ARIA and server rendering.

A string can be supplied as an argument to be useId in lieu of the auto-generated ID. This is handy for accepting user-provided prop IDs that need to be deterministic.

import { useId } from "@reach/auto-id";

function FormField(props) {
	const id = useId(props.id);
	return (
		<React.Fragment>
			<label htmlFor={id}>{props.label}</label>
			<input type={props.type} name={props.name} id={id} />
		</React.Fragment>
	);
}
componentsss@stefanprobst/combobox@greven/ikari-ui@tyme-ui/hooks@asuite/seed-formsflume-test@grahamdigital/opinion@agney/neetoui@fxtrot/edge@cloudhub-ux/core@greven/chronos-ui@infinitebrahmanuniverse/nolb-_reach@everything-registry/sub-chunk-763windups-dialoguewindups-walkthroughwedoio-flumevitau@colisweb/reason-toolkit@convertkit/design@dafunda-ui/checkbox@dafunda-ui/forms@dafunda-ui/radio@deepui/checkbox@deepui/forms@demystdata/ui@c2fo/components@bx-design/react-ui-button@bx-design/react-ui-card@bx-design/react-ui-forms@pdftron/sanity-code-inputzzzz_playtuanddd-sajari-uitreighton-npmtest@air/zephyr@aptible/arrow-ds@aptible/design-kit@andromedaprotocol/checkbox@andromedaprotocol/forms@andromedaprotocol/radio@anchor-indexer/c7t@andyschulzz/react-day-picker@audentio/stuff@ag.ds-next/core@allthecode/playground@agney/playground@blend-ui/accordion@bloomprotocol/qr-react@blockstack/ui@bianic-ui/hooks@binarycapsule/ui-capsules@chakra-xui/hooks@adapt-ui/core@codesandbox/components@codecademy/gamut@colisweb/rescript-toolkit@deepui/radio@devtools-ds/diagnostic@fellesdatakatalog/skatteetaten-frontend-components@hackr/chakra-ui-hooks@iampava-devtools-ds/diagnostic@harmonicui/react@flatiron-school/ui@eltongarbin/ocean-components@goldsucc/sanity-plugin-taxonomy-manager@egoist/chakra-ui@ghalex/flume@getproper/ecommerce@loriage/checkbox@loriage/forms@loriage/radio@lerna-test2/package-3@newfrontdoor/form@nature-ui/hooks@nathan22x3/playground@elemental-ui-alpha/utils@elemental-ui/utils@mip-studio/components@interactivethings/visualize-app@joshwcomeau/playground@hzhu/react-listbox@rdementev/react-day-picker@rasahq/react-tabula@reach/checkbox@reach/combobox@reach/disclosure@reach/dropdown@reach/listbox@reach/slider@reach/tabs@reach/tooltip@reach/accordion@reach/alert-dialog@sakshamkathuria/playground@sajari-ui/core@sanity/desk-tool@sanity/form-builder@sanity/default-layout@sanity/base@openhacking/playground@poodle/ui
0.18.0-pre.0

3 years ago

0.18.0-pre.5

3 years ago

0.18.0-pre.4

3 years ago

0.18.0-pre.3

3 years ago

0.18.0-pre.2

3 years ago

0.18.0-pre.1

3 years ago

0.18.0

3 years ago

0.17.0

3 years ago

0.16.0

4 years ago

0.15.3

4 years ago

0.15.2

4 years ago

0.15.0

4 years ago

0.14.0

4 years ago

0.13.1

4 years ago

0.13.2

4 years ago

0.13.0

4 years ago

0.12.1

4 years ago

0.12.0

4 years ago

0.11.2

5 years ago

0.11.1

5 years ago

0.11.0

5 years ago

0.10.5

5 years ago

0.10.4

5 years ago

0.10.3

5 years ago

0.10.2

5 years ago

0.10.1

5 years ago

0.10.0

5 years ago

0.9.0

5 years ago

0.8.6

5 years ago

0.8.5

5 years ago

0.8.2

5 years ago

0.8.0

5 years ago

0.7.4

5 years ago

0.7.3

5 years ago

0.7.2

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago

0.5.3

6 years ago

0.5.0

6 years ago

0.4.0

6 years ago

0.4.0-beta.0

6 years ago

0.3.0

6 years ago

0.3.0-alpha.0

6 years ago

0.2.0

6 years ago

0.1.0

6 years ago