Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<auto-complete src="/view-components/rails-app/auto_complete" for="list-id" data-view-component="true">
<div class="FormControl">
<label for="input-id" class="FormControl-label ">
Select a fruit
</label>
<div class="FormControl-input-wrap FormControl-medium FormControl-input-wrap--trailingAction ">
<span class="FormControl-input-leadingVisualWrap">
</span>
<input id="input-id" name="input-id" autocomplete="off" type="text" placeholder="Placeholder text" data-view-component="true" class="FormControl-input FormControl-medium" />
<button id="input-id-clear" class="FormControl-input-trailingAction" aria-label="Clear"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x-circle-fill">
<path d="M2.343 13.657A8 8 0 1 1 13.658 2.343 8 8 0 0 1 2.343 13.657ZM6.03 4.97a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042L6.94 8 4.97 9.97a.749.749 0 0 0 .326 1.275.749.749 0 0 0 .734-.215L8 9.06l1.97 1.97a.749.749 0 0 0 1.275-.326.749.749 0 0 0-.215-.734L9.06 8l1.97-1.97a.749.749 0 0 0-.326-1.275.749.749 0 0 0-.734.215L8 6.94Z"></path>
</svg></button>
</div>
</div>
<anchored-position anchor="input-id" side="outside-bottom" allow-out-of-bounds="" id="list-id" popover="" data-view-component="true" class="ActionListWrap ActionListWrap--inset Overlay Overlay--height-auto Overlay--width-auto"></anchored-position>
<div id="list-id-feedback" class="sr-only"></div>
</auto-complete>
1
render(Primer::Beta::AutoComplete.new(label_text: label_text, input_id: input_id, list_id: list_id, src: UrlHelpers.autocomplete_index_path, show_clear_button: show_clear_button, visually_hide_label: visually_hide_label, placeholder: placeholder, size: size, full_width: full_width, width: width, disabled: disabled, invalid: invalid, input_name: input_name))
Param Description Input

No assets to display.