Workspace Menu

워크스페이스를 고르고 새 워크스페이스를 만드는 솔리드 메뉴입니다.

@horon-ai/react 오버레이

Preview

Usage

tsx

import { Button, WorkspaceMenu } from "@horon-ai/react";
import { useState } from "react";

const workspaces = [
  { id: "hq", name: "Horon HQ", meta: "12 members" },
  { id: "labs", name: "Horon Labs", meta: "4 members" },
  { id: "personal", name: "Personal", meta: "Just you" },
];

export default function WorkspaceMenuDemo() {
  const [value, setValue] = useState("hq");
  const current = workspaces.find((workspace) => workspace.id === value);
  return (
    <WorkspaceMenu
      workspaces={workspaces}
      value={value}
      onValueChange={setValue}
      trigger={<Button variant="glass" />}
      triggerChildren={current?.name}
    />
  );
}