x
1
2
3
4
5
6
7
<form class="usa-search" role="search" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nc1MFqj8oT0yR8wlbWOI0tysBmcjyWjParvQv1J_uQ6Tp5pal29bdGK-dN4PK-d5-FtXHwDhd0XwvaNejcQZJw" autocomplete="off" /><label class='usa-sr-only' for='query_field_id_jyc'>Search</label> <input class='usa-input' id='query_field_id_jyc' name='q' type='search' value=''> <button class='usa-button' type='submit'> <span class='usa-search__submit-text'>Search</span> <img alt='Search' class='usa-search__submit-icon' src='https://cdn.jsdelivr.net/npm/uswds@2.13.0/src/img/usa-icons-bg/search--white.svg'> </button></form>
1
2
3
4
5
render UswdsComponents::SearchComponent.new( size: size, form_options: { url: '#' }, submit_icon: 'https://cdn.jsdelivr.net/npm/uswds@2.13.0/src/img/usa-icons-bg/search--white.svg',)
Search Component
Param | Description | Input |
---|---|---|
— |
|