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@dafunda-ui/forms@dafunda-ui/radio@c2fo/components@bx-design/react-ui-button@bx-design/react-ui-card@bx-design/react-ui-forms@pdftron/sanity-code-inputinitial-uiheadless-carousel@udisc/react-glider@ucam/design-system@types/reach__auto-id@tjbaron/flume@ticketswap/solar@vechaiui/checkbox@vechaiui/forms@vechaiui/radio@uswitch/spark.utils@uswitch/spark.accordion@uswitch/spark.boolean-input@uswitch/spark.radio@vitau/field@vitau/input@vitau/loader@useblu/ocean-react@useblu/ocean-components@zalastax/nolb-_reach@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/tooltip@zendeskgarden/container-utilitiesagney-alex-code-playgroundaxe-mode@audentio/stuff@goldsucc/sanity-plugin-taxonomy-manager@harmonicui/react@hackr/chakra-ui-hooks@air/zephyr@agney/playground@adapt-ui/core@egoist/chakra-ui@ag.ds-next/core@codesandbox/components@colisweb/rescript-toolkit@colisweb/reason-toolkit@allthecode/playground@convertkit/designzzzz_playtuanddd-sajari-uitreighton-npmtest@blend-ui/accordion@bloomprotocol/qr-react@blockstack/ui@bianic-ui/hooks@binarycapsule/ui-capsules@chakra-xui/hooks@loriage/checkbox@loriage/forms
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

5 years ago

0.14.0

5 years ago

0.13.1

5 years ago

0.13.2

5 years ago

0.13.0

5 years ago

0.12.1

5 years ago

0.12.0

5 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

6 years ago

0.9.0

6 years ago

0.8.6

6 years ago

0.8.5

6 years ago

0.8.2

6 years ago

0.8.0

6 years ago

0.7.4

6 years ago

0.7.3

6 years ago

0.7.2

6 years ago

0.7.1

6 years ago

0.7.0

6 years ago

0.6.1

6 years ago

0.6.0

6 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

7 years ago

0.1.0

7 years ago