Creator Kit 구성 요소 개요
[이 문서는 시험판 문서이며 변경될 수 있습니다.]
다음 표는 작성자 키트에 포함된 구성 요소를 나열하고 구성 요소에 유창한 UI가 있는지 여부와 이를 지원하는 앱 유형(캔버스 앱, 사용자 지정 페이지 또는 모델 기반 앱)을 설명합니다.
릴리스 상태 키:
- 발송됨: 안정적인 릴리스로, 프로덕션에 사용할 준비가 되었습니다.
- 프리뷰: 안정적인 릴리스이지만 변경될 수 있음. 생산용으로 준비되지 않았습니다.
- 실험적: 이 기능은 현재 작업 중입니다. 생산용으로 준비되지 않았습니다.
코드 구성 요소 | Type | 개요 | 유창한 UI | 캔버스 앱 | 사용자 지정 페이지 | 모델 기반 앱 | 릴리스 상태 |
---|---|---|---|---|---|---|---|
AutoWidthLabel aka.ms/ck/자동폭라벨 |
사용자 인터페이스 | 표준 캔버스 앱 레이블과 유사한 동작을 갖지만 텍스트를 수용할 수 있도록 너비가 동적으로 확장됩니다. 이 기능은 현재 캔버스 앱에서 지원되지 않습니다. | 없음 | 네 | 네 | 없음 | 운송됨 |
Breadcrumb aka.ms/ck/브레드크럼브 |
사용자 인터페이스 | 유창한 UI Breadcrumb 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Calendar aka.ms/ck/달력 |
사용자 인터페이스 | 유창한 UI Calendar 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ContextMenu aka.ms/ck/컨텍스트메뉴 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위한 단추에 제한된 유창한 UI ContextMenu 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
CommandBar aka.ms/ck/명령어바 |
사용자 인터페이스 | 유창한 UI CommandBar 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
DetailsList aka.ms/ck/세부정보목록 |
사용자 인터페이스 | 유창한 UI DetailsList 구성 요소의 사용을 허용합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
DonutChart aka.ms/ck/도넛차트 |
사용자 인터페이스 | Fluent UI DonutChart 구성 요소를 사용할 수 있습니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Dialog aka.ms/ck/대화 |
사용자 인터페이스 | 유창한 UI Dialog 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 실험적 |
Elevation aka.ms/ck/높이 |
사용자 인터페이스 | 마우스 호버 이벤트로 유창한 UI 상승 지원을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |
ExpandMenu aka.ms/ck/메뉴 확장 |
사용자 인터페이스 | 확장 가능한 메뉴 인터페이스(햄버거 메뉴라고도 함)를 제공합니다. | 없음 | 네 | 네 | 없음 | 실험적 |
Facepile aka.ms/ck/페이스파일 |
사용자 인터페이스 | 유창한 UI Facepile 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
GaugeChart aka.ms/ck/게이지차트 |
사용자 인터페이스 | Fluent UI GaugeChart 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
HorizontalBarChart aka.ms/ck/수평바차트 |
사용자 인터페이스 | Fluent UI HorizontalBarChart 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
HorizontalBarChart-Stacked aka.ms/ck/스택형 막대형 차트 |
사용자 인터페이스 | Fluent UI HorizontalBarChart-Stacked 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Icon aka.ms/ck/상 |
사용자 인터페이스 | 유창한 UI 글꼴 아이콘, 사용자 지정 스타일이 있는 아이콘 단추 및 작업 단추. | 네 | 네 | 네 | 없음 | 운송됨 |
KeyboardShortcuts aka.ms/ck/키보드 단축키 |
유틸리티 | 캔버스 앱 내에서 키보드 단축키를 사용할 수 있도록 키 누름 이벤트 처리기를 등록합니다. | 없음 | 네 | 없음 | 없음 | 운송됨 |
Nav aka.ms/ck/탐색 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 단추에 제한된 유창한 UI Nav component 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Panel aka.ms/ck/패널 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI Panel 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 실험적 |
PeoplePicker aka.ms/ck/사람선택기 |
사용자 인터페이스 | 유창한 UI PeoplePicker 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Persona aka.ms/ck/페르소나 |
사용자 인터페이스 | 유창한 UI Persona 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Picker aka.ms/ck/소매치기 |
사용자 인터페이스 | 유창한 UI 태그 선택기는 색상 및 아이콘 태그를 허용하는 사용자 지정 항목 스타일 지원을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |
Pivot aka.ms/ck/피벗 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI Pivot 컨트롤을 래핑합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ProgressIndicator aka.ms/ck/진행률지표 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI ProgressIndicator 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ResizableTextArea aka.ms/ck/resizabletextarea |
사용자 인터페이스 | 사용자가 오른쪽 하단 모서리에 있는 핸들을 사용하여 크기를 조정할 수 있는 텍스트 영역 컨트롤입니다. 클래식, 유창한 UI 또는 모델 기반 텍스트 필드 컨트롤처럼 보이도록 스타일을 지정할 수 있습니다. | 없음 | 네 | 네 | 네 | 운송됨 |
SearchBox aka.ms/ck/검색창 |
사용자 인터페이스 | 캔버스 및 사용자 지정 페이지에서 사용하기 위해 Fluent UI SearchBox 컨트롤 주위에 래퍼를 제공합니다. | 네 | 네 | 네 | 없음 | 미리 보기를 |
Shimmer aka.ms/ck/반짝임 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI Shimmer 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
SpinButton aka.ms/ck/스핀버튼 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI SpinButton 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Spinner aka.ms/ck/스피너 |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI Spinner 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
SubwayNav aka.ms/ck/지하철 내비게이션 |
사용자 인터페이스 | 캔버스 및 사용자 지정 페이지에서 사용하기 위해 Office 365 Admin SubwayNav 컨트롤 주위에 래퍼를 제공합니다. | 네 | 네 | 네 | 없음 | 미리 보기를 |
TagList aka.ms/ck/태그리스트 |
사용자 인터페이스 | 컬렉션에 바인딩된 유연한 너비 렌더링을 제공하는 태그 목록을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |