diff options
Diffstat (limited to 'packages/ui/src')
| -rw-r--r-- | packages/ui/src/components/list.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx index dc83db53a..fd618fbdd 100644 --- a/packages/ui/src/components/list.tsx +++ b/packages/ui/src/components/list.tsx @@ -8,6 +8,8 @@ import { TextField } from "./text-field" export interface ListSearchProps { placeholder?: string autofocus?: boolean + hideIcon?: boolean + class?: string } export interface ListProps<T> extends FilteredListProps<T> { @@ -146,9 +148,11 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void }) return ( <div data-component="list" classList={{ [props.class ?? ""]: !!props.class }}> <Show when={!!props.search}> - <div data-slot="list-search"> + <div data-slot="list-search" classList={{ [searchProps().class ?? ""]: !!searchProps().class }}> <div data-slot="list-search-container"> - <Icon name="magnifying-glass" /> + <Show when={!searchProps().hideIcon}> + <Icon name="magnifying-glass" /> + </Show> <TextField autofocus={searchProps().autofocus} variant="ghost" |