Search Trigger

A search-field-looking button that opens a command menu or search page. Built from the Button and Badge atoms; shared by Nav header, Nav sidebar and Page header.

import{ SearchTrigger } from "@pepulux/ui"

Default

Custom placeholder and shortcut

Props

PropTypeDefaultDescription
placeholderstring"Search"Text shown in the field
shortcutstring"⌘K"Keyboard hint badge; pass "" to hide
onClick() => void—Opens the search / command menu
classNamestring—Additional CSS classes (width etc.)
Application component → Application navigationwww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Invite search without taking space

The trigger looks like a field and opens the command menu or search page. Show the keyboard shortcut so power users discover it.