Infragistics Ignite UI for React UI Navigation Controls

InfragisticsUI 탐색 컨트롤JavaScript

미니 및 축소형 드로어 옵션을 갖춘 사용자 지정 가능한 사이드 내비게이션을 제공합니다.

  • 확장 및 축소 가능한 사이드 내비게이션 패널을 지원합니다.
  • 아이콘만으로 빠르게 접근할 수 있는 미니 드로어 변형을 지원합니다.
  • React Navbar 및 사용자 지정 가능한 스타일링과 원활하게 통합됩니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for React로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for React UI Navigation Controls 제품 이미지
Infragistics Ignite UI for React UI Navigation Controls는 개발자가 React 애플리케이션에 완전히 사용자 지정 가능한 사이드 내비게이션 드로어를 추가할 수 있게 해줍니다. 확장형, 축소형, 미니 변형을 제공하는 이 컨트롤은 React Navbar 구성 요소와의 통합 및 유연한 스타일 지정 옵션을 지원하면서 사용자 내비게이션 경험을 향상시킵니다.

확장 및 축소 가능한 Navigation Drawer

Navigation drawer는 전체 메뉴 콘텐츠를 표시하도록 확장하거나, 문맥을 잃지 않고 내비게이션을 숨기도록 축소할 수 있는 사이드 패널을 제공하여 사용자 인터페이스의 유연성을 높입니다.

Mini Drawer 변형

항상 아이콘에 접근할 수 있는 더 좁은 폭의 버전을 제공하여, 화면 공간을 보존하면서 사용자가 빠르게 탐색할 수 있게 합니다.

사용자 지정 가능한 콘텐츠 및 스타일링

개발자는 드로어의 콘텐츠를 완전히 사용자 지정할 수 있으며, base, main, mini를 포함한 CSS parts를 통해 기본 메뉴 항목의 스타일을 지정하여 애플리케이션 테마와의 정렬을 보장할 수 있습니다.

React Navbar 통합

Navigation drawer는 React Navbar 구성 요소와 결합하여 일관된 내비게이션 경험을 만들 수 있으며, 드로어 메서드를 활용해 프로그래밍 방식으로 열고 닫을 수 있습니다.

구성 가능한 Drawer 위치

드로어의 위치를 start, end, top 또는 bottom으로 변경할 수 있어 다양한 UI 레이아웃에 맞는 유연한 배치를 지원합니다.

기본 제공 Navigation Items

즉시 사용 가능한 스타일과 동작을 제공하는 navigation drawer item 구성 요소를 포함하여, 일관된 메뉴 항목 생성을 간소화합니다.

API 및 모듈 등록

올바른 컴포넌트 기능을 React 프로젝트 내에서 보장하기 위해 Ignite UI React npm 패키지에서 navigation drawer 모듈을 가져와 등록해야 합니다.

React 애플리케이션과의 쉬운 통합

React 환경에 맞게 설계된 이 navigation controls는 TypeScript 프로젝트를 포함한 최신 React 워크플로우와 원활하게 작동하여, 간단한 설치와 사용을 가능하게 합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React
  • Vanilla JavaScript