ShellNavItem
harness-navigation단일 네비게이션 항목. 아이콘, 뱃지, 활성 상태를 지원하고, 축소 시 아이콘만 표시합니다.
100%
active:
dashboardShellNavItem Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | 항목 레이블 |
icon | ReactNode | — | 아이콘 요소 |
active | boolean | — | 활성 상태 (기본 false) |
href | string | — | 링크 URL (anchor로 렌더링) |
onClick | () => void | — | 클릭 핸들러 |
badge | ReactNode | — | 뱃지 요소 (축소 시 숨김) |
Import
tsx
import { ShellNavItem } from "@reopt-ai/opt-shell";