Contents

To access the kit's input element attributes or add event listeners, create a `ref` inside your parent component, pass it to the kit's `ref` prop, and use `ref.current.inputNode()` with your desired attribute or event listener inside a `useEffect` hook. `useEffect` is necessary because the `ref` will be initially `undefined`.

`inputNode()` is a custom function inside the kit that returns the input DOM element and its attributes. For example, to get the `name` attribute, use `ref.current.inputNode().name`

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836	app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
playbook_ui-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836	app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md