Skip to content

Forms

Search Input with Suggestions Dropdown

ARIA combobox search field with keyboard-navigable, client-filtered suggestions dropdown.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add search-input-suggestions
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Search Input with Suggestions Dropdown

Search Input with Suggestions Dropdown

Live preview of the Search Input with Suggestions Dropdown component

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Search Input with Suggestions Dropdown component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Forms components

Browse all →

Signup Form

Name/email/password sign-up card with an inline password-strength meter and terms-acceptance checkbox.

Password Reset Form

Single-field reset-link request card with a built-in confirmation state toggled via a sent prop.

Filter Sidebar Panel

Vertical catalog filter stack with collapsible checkbox groups and a price range, built on native details elements.

Filter Chips / Toggle Row

Horizontal row of togglable multi-select filter chips with an active count and clear-all action.

File Upload — Drag and Drop

Drag-and-drop file picker with browse fallback, size validation, and a removable selected-files list.

Date/Time Picker Field

Styled native date and time input pair with a combined human-readable preview and a clear action.