Search

Command search with live filtering and an empty state.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { SearchList } from "@aile.sh/elia";

export function Example() {
  return (
    <SearchList
      placeholder="Search commands…"
      items={[
        "Open deployment logs",
        "Restart staging server",
        "Invite a teammate",
        "Rotate API keys",
        "Export usage report",
      ]}
      emptyTitle="No matching commands"
      emptyDesc="Try a different keyword"
      onSelect={(item) => console.log("run:", item)}
      onQueryChange={(q) => console.log("query:", q)}
    />
  );
}

— elia design system · MIT · primitives · https://github.com/aile-sh/elia