Creator Kit 구성 요소 개요
[이 문서는 시험판 문서이며 변경될 수 있습니다.]
다음 표는 작성자 키트에 포함된 구성 요소를 나열하고 구성 요소에 유창한 UI가 있는지 여부와 이를 지원하는 앱 유형(캔버스 앱, 사용자 지정 페이지 또는 모델 기반 앱)을 설명합니다.
릴리스 상태 키:
- 배송됨: 안정적인 릴리스, 생산 준비 완료.
- 프리뷰: 안정적인 릴리스이지만 변경될 수 있습니다. 생산용으로 준비되지 않았습니다.
- 실험적: 이 기능은 작업이 진행 중입니다. 생산용으로 준비되지 않았습니다.
코드 구성 요소 | Type | 개요 | 유창한 UI | 캔버스 앱 | 사용자 지정 페이지 | 모델 기반 앱 | 릴리스 상태 |
---|---|---|---|---|---|---|---|
AutoWidthLabel aka.ms/ck/autowidthlabel |
사용자 인터페이스 | 표준 캔버스 앱 레이블과 유사한 동작을 갖지만 텍스트를 수용할 수 있도록 너비가 동적으로 확장됩니다. 이 기능은 현재 캔버스 앱에서 지원되지 않습니다. | 없음 | 네 | 네 | 없음 | 운송됨 |
Breadcrumb aka.ms/ck/breadcrumb |
사용자 인터페이스 | 유창한 UI Breadcrumb 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Calendar aka.ms/ck/calendar |
사용자 인터페이스 | 유창한 UI Calendar 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ContextMenu aka.ms/ck/contextmenu |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위한 단추에 제한된 유창한 UI ContextMenu 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
CommandBar aka.ms/ck/commandbar |
사용자 인터페이스 | 유창한 UI CommandBar 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
DetailsList aka.ms/ck/detailslist |
사용자 인터페이스 | 유창한 UI DetailsList 구성 요소의 사용을 허용합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Dialog aka.ms/ck/dialog |
사용자 인터페이스 | 유창한 UI Dialog 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 실험적 |
Elevation aka.ms/ck/elevation |
사용자 인터페이스 | 마우스 호버 이벤트로 유창한 UI 상승 지원을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |
ExpandMenu aka.ms/ck/expandmenu |
사용자 인터페이스 | 확장 가능한 메뉴 인터페이스(햄버거 메뉴라고도 함)를 제공합니다. | 없음 | 네 | 네 | 없음 | 실험적 |
Facepile aka.ms/ck/facepile |
사용자 인터페이스 | 유창한 UI Facepile 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Icon aka.ms/ck/icon |
사용자 인터페이스 | 유창한 UI 글꼴 아이콘, 사용자 지정 스타일이 있는 아이콘 단추 및 작업 단추. | 네 | 네 | 네 | 없음 | 운송됨 |
KeyboardShortcuts aka.ms/ck/keyboardshortcuts |
유틸리티 | 캔버스 앱 내에서 키보드 단축키를 사용할 수 있도록 키 누름 이벤트 처리기를 등록합니다. | 없음 | 네 | 없음 | 없음 | 운송됨 |
Nav aka.ms/ck/nav |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 단추에 제한된 유창한 UI Nav component 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
Panel aka.ms/ck/panel |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI Panel 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 실험적 |
PeoplePicker aka.ms/ck/peoplepicker |
사용자 인터페이스 | 유창한 UI PeoplePicker 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Persona aka.ms/ck/persona |
사용자 인터페이스 | 유창한 UI Persona 컨트롤 주변에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Picker aka.ms/ck/picker |
사용자 인터페이스 | 유창한 UI 태그 선택기는 색상 및 아이콘 태그를 허용하는 사용자 지정 항목 스타일 지원을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |
Pivot aka.ms/ck/pivot |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI Pivot 컨트롤을 래핑합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ProgressIndicator aka.ms/ck/progressindicator |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI ProgressIndicator 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
ResizableTextArea aka.ms/ck/resizabletextarea |
사용자 인터페이스 | 사용자가 오른쪽 하단 모서리에 있는 핸들을 사용하여 크기를 조정할 수 있는 텍스트 영역 컨트롤입니다. 클래식, 유창한 UI 또는 모델 기반 텍스트 필드 컨트롤처럼 보이도록 스타일을 지정할 수 있습니다. | 없음 | 네 | 네 | 네 | 운송됨 |
SearchBox aka.ms/ck/searchbox |
사용자 인터페이스 | 캔버스 및 사용자 지정 페이지에서 사용하기 위해 Fluent UI SearchBox 컨트롤 주위에 래퍼를 제공합니다. | 네 | 네 | 네 | 없음 | 미리 보기를 |
Shimmer aka.ms/ck/shimmer |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI Shimmer 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
SpinButton aka.ms/ck/spinbutton |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지에서 사용하기 위해 유창한 UI SpinButton 컨트롤 주위에 래퍼를 제공합니다. |
네 | 네 | 네 | 없음 | 미리 보기를 |
Spinner aka.ms/ck/spinner |
사용자 인터페이스 | 캔버스 앱 및 사용자 지정 페이지 내부에서 유창한 UI Spinner 구성 요소의 스타일과 동작을 모방합니다. |
네 | 네 | 네 | 없음 | 운송됨 |
SubwayNav aka.ms/ck/subwaynav |
사용자 인터페이스 | 캔버스 및 사용자 지정 페이지에서 사용하기 위해 Office 365 Admin SubwayNav 컨트롤 주위에 래퍼를 제공합니다. | 네 | 네 | 네 | 없음 | 미리 보기를 |
TagList aka.ms/ck/taglist |
사용자 인터페이스 | 컬렉션에 바인딩된 유연한 너비 렌더링을 제공하는 태그 목록을 제공합니다. | 네 | 네 | 네 | 없음 | 운송됨 |