Showcase
Loading component registry groups and selected install bundle...
Horizontal search / booking bar section — flight search bars, trip planners, hotel booking bars, tour and experience finders, event search strips. One prominent bar of segmented input cells (origin / destination / dates, or query + category — each segment: label, placeholder, and a text/select/date affordance) ending in a prominent action button (optional link). Presentational: display-only inputs, no query wiring. Surface tone and vertical padding params — the default band is tight so the bar sits directly under a hero. Variants: Default (full segmented bar with labelled cells and dividers), Compact (condensed single-row pill with placeholder-only inputs). For a card-shaped multi-mode travel widget with a flight/hotel/train toggle use travel-search; for wired site-content search use search-bar.
src/components/registry/components/search/search-booking-bar.tsx→components/registry/components/search/search-booking-bar.tsxsrc/components/registry/components/search/search-booking-bar.sitecore.ts→components/registry/components/search/search-booking-bar.sitecore.tssrc/components/registry/components/search/search-booking-bar.recipe.ts→src/recipes/search-booking-bar.recipe.ts@sitecoreai-labs/sitecoreai-cli@0.38.2lucide-react@^1.17.0