NMS
nitin mohan singh

Yacht Search Form - Copy this Html, Tailwind Component to your project

The form has a clean, minimalistic design with a light gray/blue background and clear, bold dark blue labels, each accompanied by relevant icons. Yacht Search Tab: The "Builder" and "Yacht Name" fields mirror the design of the "Location" input in the image, with prominent labels above and text inputs with placeholders ("Enter Builder" and "Enter Name"). The Length Section is styled like the "Property Size" input, split into a dropdown for the unit (FT/M) and a dropdown for Min Length. Max Price and Currency fields mimic the "Price Range" input, featuring a dropdown for max price and a currency selector defaulting to USD. The Year Fields (Min Year and Max Year) are two side by side number inputs, formatted similarly to "Property Size", allowing entry of a range of years (e.g., 1900 to 2026). Charter Search Tab: The Destination and Season dropdowns resemble the "Location" input, providing selections for location and season, respectively. The Max Price and Currency fields retain the same layout as the yacht search, with dropdowns for price and currency. The Guests Field offers a dropdown list (from 1 to 15 guests), similar to the selection options in the "Property Size" input. Builder Search Tab: A single Keyword Search Field, much like the "Location" field in the image, is present, allowing users to type in relevant search terms with a "Search" placeholder. Services Search Tab: Inputs for Company and Category follow the design of "Location" and "Property Type" fields, with dropdowns for selecting the appropriate options. Country, State, and City inputs are in the form of cascading dropdowns, similar to the "Location" input, guiding the user through selecting the country, then state, and finally city. All form sections are responsive, with inputs aligned horizontally, making the form concise and user friendly, promoting ease of navigation and clear visual struct

Prompt
Component Preview

About

Yacht Search Form - Clean design with dropdowns for length, price, and guests. Responsive layout, clear labels, and icons built with html. Copy code today!

Share

Last updated 1 month ago