{"repo":"github/filter-input-element","free":true,"listed":false,"github":"https://github.com/github/filter-input-element","clone":"git clone https://github.com/github/filter-input-element.git","description":"Display elements in a subtree that match filter input text.","language":"TypeScript","stars":61,"topics":["web-components","custom-elements"],"license":"MIT","category":"ui-components","readme_excerpt":"<filter-input> element Display elements in a subtree that match filter input text. Installation Usage Elements and attributes Required - filter-input[aria-owns] should point to the container ID that wraps all related elements. - filter-input should have one input child element that is used to filter. - [id] should be set on a container that either contains or has [data-filter-list] attribute. - [data-filter-list] should be set on the element whose direct child elements are to be filtered. Optional Specify filter text Use [data-filter-item-text] to specify an element whose text should be used for filtering. In the following example, the text (current) would not be matched. Blankslate Use [data-filter-empty-state] to specify an element to be displayed when no results were found. This element must be inside of the container aria-owns points to. Create new item Use [data-filter-new-item] to include an item to create a new instance when no exact match were found. The element with [data-filter-new-text] 's text content will be set to the input value. You can also use [data-filter-new-value] to set an input value to the query param. Methods filterInputElement.filter can be optionally set to provide an alternative filtering logic. The default is substring. match (required) indicates whether the item should be shown. hideNew (optional) will determine whether the \"Create new item\" element should be hidden. For example, when an exact match is found, the \"create new item\" option sh","default_branch":null,"files":null,"tree":[],"storefront":"/r/github","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/github/filter-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."}