CommandPaletteTrigger

Search-field-shaped button that opens a {@link CommandPalette }, sized for AppShell’s search slot. Deliberately a button rather than a SearchInput: a real <input type="search"> that only opens a second search field announces itself to screen readers as a searchbox that does not search, and typing into it does nothing.

Source

Import

import { CommandPaletteTrigger } from "@flanksource/clicky-ui/components";

Demos

No dedicated Storybook demo is available for this component yet.

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
hotkey	string | null	mod+k	Hotkey shown in the trailing `<kbd>`, in `useHotkey` syntax. Defaults to "mod+k".
label	string	Search…	Placeholder-style label. Defaults to "Search…".
onClick*	(…) => void	—	Opens the palette.
open	boolean	—	Whether the palette it controls is open; drives `aria-expanded`.