App Builder 구성 요소
왼쪽의 도구 상자 탭을 통해 모든 사용 가능한 Ignite UI for Angular 구성 요소는 물론 절대, 행, 열 레이아웃 및 보기 컨테이너와 같은 App Builder 일반 구성 요소 목록을 순환할 수 있습니다. 구성 요소 목록 맨 위의 검색 입력으로 특정 구성 요소를 쉽게 찾을 수 있습니다. 모든 구성 요소는 사용 목적에 따라 편리하게 그룹으로 분류됩니다. 흐린 구성 요소는 아직 추가되지 않았으며 비활성화되어 있지만 곧 다음 업데이트에서 사용할 수 있을 것입니다. 구성 요소는 도구 상자에서 디자인 캔버스로 끌어다 놓아 추가할 수 있습니다.
App Builder 구성 요소 사용:
빠른 구성 요소 추가
키보드 단축키 Ctrl+E 또는 Mac에서 Cmd+E를 사용하여 빠른 추가 기능을 사용하여 구성 요소를 검색하고 추가할 수도 있습니다. "E"는 모든 것을 의미한다는 점을 기억하세요. 빠른 추가 기능은 최근에 사용한 구성 요소를 추적하므로 자주 사용하는 구성 요소를 더 빠르게 추가할 수 있습니다. 도구 상자에서 구성 요소를 두 번 클릭하면 디자인 캔버스에도 추가됩니다.
구성 요소 빠르게 추가
구성 요소 구성
모든 구성 요소에는 Indigo.Design 시스템과 일치하는 사전 설정 유형 집합이 함께 제공됩니다. 예를 들어 Indigo.Design 시스템에는 세 가지 사전 설정 단추 유형(발생, 윤곽선 및 평면)이 있습니다.
구성 요소의 사전 설정
입력 필드 또는 카드 구성 요소와 같은 더 복잡한 구성 요소의 경우 구성 요소의 섹션을 켜거나 끌 수 있습니다. 또한 구성 요소 속성은 구성 요소의 시각적 구조를 반영하며 Ignite UI for Angular와 같은 개발자 도구 키트에서 찾을 수 있는 사양과 일치합니다. 입력 필드의 경우 접두사 섹션을 활성화 또는 비활성화하여 앞쪽 아이콘을 추가할 수 있습니다.
구성 요소의 속성 끄기
추가 리소스
GitHub
