Search Button with Shortcut

A search button that shows an icon, label, and keyboard shortcut keys (like ⌘K) rendered with the Kbd component.

import ButtonWithShortcut from "@/components/ui/c-button-40";

export default function ButtonWithShortcutDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <ButtonWithShortcut />
    </div>
  );
}

Dependencies

lucide-react

Source

reui.io/r/c-button-40.json

License

MIT License

Published

9/23/2026

Similar components

Explore more

Part of ReUI — browse the full library on 21st.dev.

Button components2043 Kbd components56 Search components218 Shortcut components74

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Search Button with Shortcut

Dependencies

Tags

Source

License

Published

Similar components

Explore more