Action Search Bar
Action Bar with shortcuts, and smooth dropdown animation.
Installation
Usage
import { ActionSearchBar } from "viora-ui";import { ActionSearchBar } from "viora-ui";
export default function ActionSearchBarDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<ActionSearchBar />
</div>
);
}API Reference
Action
| Prop | Type | Default | Description |
|---|---|---|---|
| id | string | - | Configuration for id. |
| label | string | - | Configuration for label. |
| icon | React.ReactNode | - | Configuration for icon. |
| description? | string | - | Configuration for description. |
| short? | string | - | Configuration for short. |
| end? | string | - | Configuration for end. |
SearchResult
| Prop | Type | Default | Description |
|---|---|---|---|
| actions | Action[] | [] | Configuration for actions. |
Built by Otis
Last updated: 10/12/2026