diff options
| author | David Hill <[email protected]> | 2026-01-16 23:59:42 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-17 00:55:13 +0000 |
| commit | 6f78a71fa7d87faf8820b6f68ceb849c1a371967 (patch) | |
| tree | 0a57acfb4959db842682759c09317641f6eaa917 /packages/ui/src/components | |
| parent | f8f1f46a4fb759466ef477bad10663e678900632 (diff) | |
| download | opencode-6f78a71fa7d87faf8820b6f68ceb849c1a371967.tar.gz opencode-6f78a71fa7d87faf8820b6f68ceb849c1a371967.zip | |
feat: add hideIcon and class options to List search, customize search modal input
Diffstat (limited to 'packages/ui/src/components')
| -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" |