Command Search Input | Form Input for React & Tailwind CSS

234views

A command-style search field with a Lucide search icon, Ctrl K keyboard hint, responsive width, and focused dark-surface styling.

Installation

How to use

Import CommandSearchInput and place it above a searchable list or command palette. Connect the input to state and filtering logic, and add a keyboard listener if the Ctrl K shortcut should focus the field.

Dependencies

lucide-react

Back to all components More Inputs

Inputs

Command Search Input | Form Input for React & Tailwind CSS

234views

A command-style search field with a Lucide search icon, Ctrl K keyboard hint, responsive width, and focused dark-surface styling.

Installation

How to use

Import CommandSearchInput and place it above a searchable list or command palette. Connect the input to state and filtering logic, and add a keyboard listener if the Ctrl K shortcut should focus the field.

Dependencies

lucide-react

Back to all components More Inputs

Command Search Input | Form Input for React & Tailwind CSS