0.18.0 • Published 2 years ago

@reach/auto-id v0.18.0

Weekly downloads
329,061
License
MIT
Repository
github
Last release
2 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>
	);
}
@codecademy/gamutcomponentsss@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-763minerva-uipouncejsmy-flume@demystdata/ui@aptible/arrow-ds@aptible/design-kit@devtools-ds/diagnostic@chakra-xui/hooks@colisweb/reason-toolkitbs-reach@codesandbox/components@convertkit/design@colisweb/rescript-toolkit@dafunda-ui/checkbox@dafunda-ui/forms@dafunda-ui/radiochakra-uichalkui@vitau/field@vitau/input@vitau/loader@zendeskgarden/container-utilities@zenbu-ui/accordion@zenbu-ui/alert-dialog@zenbu-ui/avatar@zenbu-ui/badge@zenbu-ui/box@zenbu-ui/breadcrumb@zenbu-ui/button@zenbu-ui/card@zenbu-ui/dialog@zenbu-ui/grid@zenbu-ui/icon@zenbu-ui/image@zenbu-ui/input@zenbu-ui/list@zenbu-ui/loader@zenbu-ui/menu@zenbu-ui/message@zenbu-ui/pagination@zenbu-ui/popover@zenbu-ui/progress@zenbu-ui/rating@zenbu-ui/separator@zenbu-ui/skeleton@zenbu-ui/statistic@zenbu-ui/switch@zenbu-ui/table@zenbu-ui/tabs@zenbu-ui/tooltipaudio-react@bianic-ui/hooks@audentio/stuffaxe-mode@anchor-indexer/c7t@binarycapsule/ui-capsules@blockstack/ui@bx-design/react-ui-button@bx-design/react-ui-card@bx-design/react-ui-forms@blend-ui/accordion@deepui/checkbox@deepui/forms@deepui/radio@c2fo/components@bloomprotocol/qr-react@getproper/ecommerce@vechaiui/checkbox@vechaiui/forms@vechaiui/radio@zalastax/nolb-_reach@ag.ds-next/core@skillrecordings/quiz@agney/playground@adapt-ui/core@air/zephyr@andromedaprotocol/checkbox@andromedaprotocol/forms@andromedaprotocol/radio@andyschulzz/react-day-picker@allthecode/playground@stacks/ui@sanity/default-layout@sanity/desk-tool@sanity/basetreighton-npmtest
0.18.0-pre.0

2 years ago

0.18.0-pre.5

2 years ago

0.18.0-pre.4

2 years ago

0.18.0-pre.3

2 years ago

0.18.0-pre.2

2 years ago

0.18.0-pre.1

2 years ago

0.18.0

2 years ago

0.17.0

2 years ago

0.16.0

3 years ago

0.15.3

3 years ago

0.15.2

3 years ago

0.15.0

3 years ago

0.14.0

3 years ago

0.13.1

3 years ago

0.13.2

3 years ago

0.13.0

3 years ago

0.12.1

3 years ago

0.12.0

3 years ago

0.11.2

4 years ago

0.11.1

4 years ago

0.11.0

4 years ago

0.10.5

4 years ago

0.10.4

4 years ago

0.10.3

4 years ago

0.10.2

4 years ago

0.10.1

4 years ago

0.10.0

4 years ago

0.9.0

4 years ago

0.8.6

4 years ago

0.8.5

4 years ago

0.8.2

4 years ago

0.8.0

4 years ago

0.7.4

4 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.3

4 years ago

0.5.0

4 years ago

0.4.0

5 years ago

0.4.0-beta.0

5 years ago

0.3.0

5 years ago

0.3.0-alpha.0

5 years ago

0.2.0

5 years ago

0.1.0

5 years ago