Search summaryhospitality
Compact one-line trigger showing destination, dates and guests that opens a search slot.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/search-summaryDefault
search-summary-demo.tsx
import { dateOnly } from "@plott/webkit-time";import { SearchSummary } from "@/components/ui/search-summary";
export default function SearchSummaryDemo() { return ( <div className="flex max-w-sm flex-col gap-3"> <SearchSummary destination="Lisbon" checkIn={dateOnly("2026-07-20")} checkOut={dateOnly("2026-07-23")} guests={{ adults: 2, children: 1 }} /> <SearchSummary /> </div> );}