1. Components
  2. search-field

Search Field

Search input with optional icon and filtering.

Demo

import { SearchField, SearchInput } from '@/components/jk/search-field'


export const DemoSearchField = () => {
    return (
        <SearchField aria-label="Search" className={"max-w-xs"}>
            <SearchInput placeholder="Search" />
        </SearchField>
    )
}

Installation

terminal
npx shadcn@latest add @jk-ui/search-field
Prev
File trigger

File selection trigger with custom styling.

Next
On this page