ภาพรวมของส่วนประกอบชุดผู้สร้าง

[บทความนี้เป็นคู่มือรุ่นก่อนวางจำหน่าย และอาจจะมีการเปลี่ยนแปลงในอนาคต]

ตารางต่อไปนี้แสดงรายการส่วนประกอบที่มาพร้อมกับชุดสำหรับผู้สร้าง และอธิบายว่าส่วนประกอบนั้นมี Fluent UI หรือไม่ และแอปชนิดใดที่รองรับแอปพื้นที่ทำงาน หน้าแบบกำหนดเอง หรือแอปแบบจำลอง

คีย์สถานะการเผยแพร่:

• จัดส่งแล้ว: รุ่นเสถียร พร้อมสำหรับการใช้งานจริง
• พรีวิว: รุ่นเสถียรแต่อาจมีการเปลี่ยนแปลง ไม่พร้อมใช้งานสำหรับการทำงานจริง
• ทดลอง: คุณลักษณะนี้อยู่ในระหว่างการพัฒนา ไม่พร้อมใช้งานสำหรับการทำงานจริง

ส่วนประกอบของโค้ด	ชนิด	ภาพรวม	Fluent UI	แอปพื้นที่ทำงาน	หน้าแบบกำหนดเอง	แอปแบบจำลอง	สถานะการเผยแพร่
AutoWidthLabel aka.ms/ck/autowidthlabel	อินเทอร์เฟสผู้ใช้	ทำงานคล้ายกับป้ายกำกับแอปพื้นที่ทำงานมาตรฐาน แต่จะขยายความกว้างแบบไดนามิกเพื่อรองรับข้อความ ฟังก์ชันนี้ไม่ได้รับการสนับสนุนในแอปพื้นที่ทำงานในปัจจุบัน	ไม่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Breadcrumb aka.ms/ck/breadcrumb	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI Breadcrumb	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Calendar aka.ms/ck/calendar	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบตัวควบคุม Fluent UI Calendar	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ContextMenu aka.ms/ck/contextmenu	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI ContextMenu ที่ผูกกับปุ่มเพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
CommandBar aka.ms/ck/commandbar	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบตัวควบคุม Fluent UI CommandBar	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
DetailsList aka.ms/ck/detailslist	อินเทอร์เฟสผู้ใช้	อนุญาตให้ใช้ส่วนประกอบ Fluent UI DetailsList	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Dialog aka.ms/ck/dialog	อินเทอร์เฟสผู้ใช้	เลียนแบบสไตล์และพฤติกรรมของ ส่วนประกอบ Fluent UI Dialog	ใช่	ใช่	ใช่	ไม่	ทดลอง
Elevation aka.ms/ck/elevation	อินเทอร์เฟสผู้ใช้	จัดเตรียมการรองรับการยกระดับ Fluent UI ด้วยเหตุการณ์การเลื่อนเมาส์	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ExpandMenu aka.ms/ck/expandmenu	อินเทอร์เฟสผู้ใช้	มีอินเทอร์เฟซเมนูที่ขยายได้ (หรือที่เรียกว่าเมนูแฮมเบอร์เกอร์)	ไม่	ใช่	ใช่	ไม่	ทดลอง
Facepile aka.ms/ck/facepile	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI Facepile	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Icon aka.ms/ck/icon	อินเทอร์เฟสผู้ใช้	ไอคอนแบบอักษร Fluent UI ปุ่มไอคอน และปุ่มการทำงานพร้อมสไตล์ที่กำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
KeyboardShortcuts aka.ms/ck/keyboardshortcuts	ยูทิลิตี	ลงทะเบียนตัวจัดการเหตุการณ์การกดแป้นเพื่อให้สามารถใช้แป้นพิมพ์ลัดภายในแอปพื้นที่ทำงาน	ไม่	ใช่	ไม่	ไม่	จัดส่งไปแล้ว
Nav aka.ms/ck/nav	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI Nav component ที่ผูกกับปุ่มเพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Panel aka.ms/ck/panel	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ Panel ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	ทดลอง
PeoplePicker aka.ms/ck/peoplepicker	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI PeoplePicker	ใช่	ใช่	ใช่	ไม่	พรีวิว
Persona aka.ms/ck/persona	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI Persona	ใช่	ใช่	ใช่	ไม่	พรีวิว
Picker aka.ms/ck/picker	อินเทอร์เฟสผู้ใช้	จัดเตรียมรองรับตัวเลือกแท็ก Fluent UI ด้วยการกำหนดรูปแบบรายการที่กำหนดเองสำหรับแท็กสีและไอคอน	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Pivot aka.ms/ck/pivot	อินเทอร์เฟสผู้ใช้	แรป ตัวควบคุม Fluent UI Pivot เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ProgressIndicator aka.ms/ck/progressindicator	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ ProgressIndicator ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ResizableTextArea aka.ms/ck/resizabletextarea	อินเทอร์เฟสผู้ใช้	ตัวควบคุม text area ที่ผู้ใช้สามารถปรับขนาดได้โดยใช้ตัวจับที่มุมล่างขวา สามารถกำหนดสไตล์ให้ดูเหมือนตัวควบคุม Classic, Fluent UI หรือ Model-driven text field	ไม่	ใช่	ใช่	ใช่	จัดส่งไปแล้ว
SearchBox aka.ms/ck/searchbox	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI SearchBox เพื่อใช้ในพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
Shimmer aka.ms/ck/shimmer	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI Shimmer เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
SpinButton aka.ms/ck/spinbutton	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI SpinButton เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
Spinner aka.ms/ck/spinner	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ Spinner ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
SubwayNav aka.ms/ck/subwaynav	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Office 365 Admin SubwayNav เพื่อใช้ในพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
TagList aka.ms/ck/taglist	อินเทอร์เฟสผู้ใช้	จัดเตรียมรายการแท็กที่มีการแสดงความกว้างที่ยืดหยุ่นซึ่งผูกไว้กับคอลเลกชัน	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว