mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(search): export autofocus prop

Browse source
This commit is contained in:
Eric Liu 2019-12-25 07:22:29 -08:00
commit fd91dd80c5
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Search/Search.svelte
View file

@ -2,6 +2,7 @@
let className = undefined;
export { className as class };
export let value = '';
export let autofocus = false;
export let type = 'text';
export let small = false;
export let placeHolderText = '';
@ -28,6 +29,7 @@
{style}>
<Search16 class={cx('--search-magnifier')} />
<label for={id} class={cx('--label')}>{labelText}</label>
<!-- svelte-ignore a11y-autofocus -->
<input
bind:this={inputRef}
role="searchbox"
@ -35,9 +37,10 @@
placeholder={placeHolderText}
on:change
on:input
on:input={event => {
value = event.target.value;
on:input={({ target }) => {
value = target.value;
}}
{autofocus}
{type}
{id}
{value} />