search-field-with-description

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/search-field-with-description.tsx
import { SearchField } from "@/registry/new-york/ui/search-field"

export default function SearchFieldWithDescription() {
  return (
    <div className="grid w-full max-w-md gap-4">
      <SearchField
        label="Search"
        description="Search for products by name or category."
        placeholder="Search..."
      />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/search-field-with-description

Usage

import { SearchFieldWithDescription } from "@/components/search-field-with-description"
<SearchFieldWithDescription />