Syncfusion React UI Layout and Design Controls

SyncfusionUI 레이아웃 및 디자인 컨트롤JavaScript

React 애플리케이션 인터페이스를 구조화하기 위한 레이아웃 및 디자인 구성 요소입니다.

  • dashboard 및 split 레이아웃 구성 요소를 사용하여 콘텐츠를 배치합니다.
  • cards, lists, timelines을 사용하여 콘텐츠를 그룹화하고 표시합니다.
  • 오버레이와 UI hints를 사용하여 상황별 정보를 표시합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion React UI Layout and Design Controls 제품 이미지
Syncfusion React UI Layout and Design Controls는 React 애플리케이션에서 페이지 레이아웃을 구조화하고 콘텐츠를 표시하는 데 중점을 둔 구성 요소 모음입니다. 패널 기반 레이아웃, 크기 조절 가능한 영역, 콘텐츠 그룹화, 순차적 표시, 상황별 오버레이를 지원하여 개발자가 React 구성 요소를 사용해 명확하고 잘 정리된 사용자 인터페이스를 구축할 수 있도록 돕습니다.

Dashboard Panel Layout

그리드 구조 내에서 패널을 배치하기 위한 대시보드 레이아웃 구성 요소를 제공합니다. 패널의 위치를 지정하고 크기를 조절하여 구성 가능한 작업 영역과 정보 밀도가 높은 애플리케이션 보기를 만들 수 있습니다.

Resizable Split Regions

사용 가능한 공간을 크기 조절 가능한 창으로 나누는 splitter 구성 요소를 포함합니다. 나란히 배치된 콘텐츠 영역을 동적으로 조정할 수 있어 화면 공간을 유연하게 활용할 수 있습니다.

Card Based Content Grouping

관련 콘텐츠를 구조화된 컨테이너로 그룹화하기 위한 card 구성 요소를 제공합니다. card는 시각적 계층 구조를 확립하고 React 보기 전반에서 콘텐츠 블록을 일관되게 구성하는 데 도움이 됩니다.

Overlay Content Containers

오버레이 영역에서 콘텐츠를 표시하기 위한 modal dialog 구성 요소를 제공합니다. 보조 정보 또는 집중된 정보를 기본 페이지 레이아웃을 변경하지 않고도 표시할 수 있습니다.

Structured List Presentation

일관된 레이아웃으로 항목 모음을 표시하기 위한 list view 구성 요소를 포함합니다. 템플릿화된 목록 구조를 사용하여 반복되는 콘텐츠를 명확하게 정리할 수 있습니다.

Contextual UI Hints

인터페이스 요소 근처에 상황별 정보를 표시하기 위한 tooltip 구성 요소를 제공합니다. 추가 세부 정보는 필요할 때만 표시되어 레이아웃을 깔끔하게 유지하는 데 도움이 됩니다.

Sequential Content Layout

순차적인 시각 구조로 항목을 표시하기 위한 timeline 구성 요소를 포함합니다. 순서가 있는 이벤트나 단계가 명확하고 읽기 쉬운 흐름으로 표시됩니다.

Visual Identity Elements

이미지나 이니셜과 같은 식별용 시각 요소를 표시하기 위한 avatar 구성 요소를 제공합니다. 이러한 요소는 헤더, 목록, 그룹화된 콘텐츠 영역에서 일관된 표현을 지원합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React