vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-04 23:40:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 18

feat: add hideIcon and class options to List search, customize search modal input

Browse source
This commit is contained in:
David Hill 2026-01-16 23:59:42 +00:00
parent f8f1f46a4f
commit 6f78a71fa7
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/ui/src/components/list.tsx
View file

@ -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"