Top Bar

뒤로가기, 봇 아바타, 제목과 부제, 더보기를 한 줄에 담은 모바일 상단 바입니다.

@horon-ai/react 내비게이션

Preview

Chief of staffOnline

Chief of staffLast active 2h ago

Quarterly planning with the whole hiring team

Usage

tsx

import { TopBar } from "@horon-ai/react";

export default function TopBarDemo() {
  return (
    <>
      <TopBar className="w-full max-w-97.5" title="Chief of staff" subtitle="Online" live onBack={() => undefined} />
      <TopBar className="w-full max-w-97.5" title="Chief of staff" subtitle="Last active 2h ago" onBack={() => undefined} />
      <TopBar className="w-full max-w-97.5" title="Quarterly planning with the whole hiring team" onBack={() => undefined} />
    </>
  );
}