Tinyrack

NavigationMenu

서로 연동되는 가로 트리거 목록에서 풍부한 탐색 패널을 열어요.

서로 연동되는 가로 트리거 목록에서 풍부한 탐색 패널을 열어요.

핵심 속성

속성설명
레이어 크기layerSize로 각 탐색 패널 전체 크기를 정해요. 기본값은 고정된 탐색 패널 너비 토큰을 사용하고, 높이는 안전 영역을 뺀 뷰포트에 닿을 때까지 콘텐츠를 따라가요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

플레이그라운드

사용법

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

TRNavigationMenu<String>(
  items: const [
    TRNavigationMenuItem(value: 'docs', trigger: Text('Docs'), content: Text('Guides')),
  ],
)

API

레이어 속성

Prop타입 / 기본값용도
layerSizeTRLayerSize · fixed navigationPanelWidth / content height이전의 패널 너비 전용 속성 대신 기준 요소에 붙는 레이어 전체에 하나의 크기 정책을 적용해요.