{"repo":"github/remote-input-element","free":true,"listed":false,"github":"https://github.com/github/remote-input-element","clone":"git clone https://github.com/github/remote-input-element.git","description":"An input element that sends its value to a server endpoint and renders the response body.","language":"JavaScript","stars":91,"topics":["web-components","custom-elements"],"license":"MIT","category":"ui-components","readme_excerpt":"&lt;remote-input&gt; element An input element that sends its value to a server endpoint and renders the response body. Installation Usage A GET request will be sent to /query?q=${input.value} . The parameter name ( q ) is customizable with the [param] attribute: Styling loading state A boolean [loading] attribute is added to when a network request begins and removed when it ends. Events - loadstart - The server fetch has started. - load - The network request completed successfully. - error - The network request failed. - loadend - The network request has completed. - remote-input-success – Received a successful response (status code 200-299), and response HTML has been set. Bubbles. - remote-input-error – Received a not successful response. Bubbles. Browser support Browsers without native [custom element support][support] require a [polyfill][]. - Chrome - Firefox - Safari - Microsoft Edge [support]: https://caniuse.com/#feat=custom-elementsv1 [polyfill]: https://github.com/webcomponents/custom-elements Development License Distributed under the MIT license. See LICENSE for details.","default_branch":null,"files":null,"tree":[],"storefront":"/r/github","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/github/remote-input-element/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}