<auto-complete src="/view-components/rails-app/auto_complete?visual=leading" for="list-id" data-view-component="true"> <div class="FormControl"> <label for="input-id" class="FormControl-label "> Select a fruit </label> <input id="input-id" name="input-id" autocomplete="off" type="text" placeholder="Placeholder text" data-view-component="true" class="FormControl-input FormControl-medium" /> </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 overflow-y-auto"></anchored-position> <div id="list-id-feedback" class="sr-only"></div></auto-complete>render(Primer::Beta::AutoComplete.new(label_text: label_text, input_id: input_id, list_id: list_id, src: UrlHelpers.autocomplete_index_path(visual: "leading"), 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))No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
No assets to display.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Beta::AutoCompletePreview" scenario="leading_visual_in_results"></lookbook-embed>