Syncfusion Angular UI Layout and Design Controls

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

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

  • 대시보드 및 분할 레이아웃 구성 요소를 사용하여 콘텐츠를 배치합니다.
  • 카드, 목록, 타임라인으로 콘텐츠를 그룹화하고 표시합니다.
  • 오버레이와 UI 힌트를 사용하여 문맥 정보를 표시합니다.
Syncfusion logo

가격:

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

대시보드 패널 레이아웃

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

크기 조절 가능한 분할 영역

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

카드 기반 콘텐츠 그룹화

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

오버레이 콘텐츠 컨테이너

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

구조화된 목록 표시

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

문맥형 UI 힌트

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

순차적 콘텐츠 레이아웃

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

시각적 아이덴티티 요소

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

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular