<div role="option" data-autocomplete-value="" data-view-component="true" class="ActionListItem"><span class="ActionListContent"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search"> <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-descriptionWrap"> <span class="ActionListItem-label"> Label text </span> <span class="ActionListItem-description"> Description </span> </span></div><%= render( Primer::Beta::AutoComplete::Item.new( description_variant: description_variant, selected: selected, disabled: disabled, value: '' )) do |component| %> <% component.with_leading_visual_icon(icon: :search) %> <% component.with_description { "Description" } %> Label text<% end %>No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
No assets to display.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Beta::AutoCompleteItemPreview" scenario="with_description"></lookbook-embed>