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

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

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

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

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

ส่วนประกอบของโค้ด	ชนิด	ภาพรวม	Fluent UI	แอปพื้นที่ทำงาน	หน้าแบบกำหนดเอง	แอปแบบจำลอง	สถานะการเผยแพร่
AutoWidthLabel aka.ms/ck/ป้ายความกว้างอัตโนมัติ	อินเทอร์เฟสผู้ใช้	ทำงานคล้ายกับป้ายกำกับแอปพื้นที่ทำงานมาตรฐาน แต่จะขยายความกว้างแบบไดนามิกเพื่อรองรับข้อความ ฟังก์ชันนี้ไม่ได้รับการสนับสนุนในแอปพื้นที่ทำงานในปัจจุบัน	ไม่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Breadcrumb aka.ms/ck/ขนมปังกรอบ	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI Breadcrumb	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Calendar aka.ms/ck/ปฏิทิน	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบตัวควบคุม Fluent UI Calendar	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ContextMenu aka.ms/ck/เมนูบริบท	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI ContextMenu ที่ผูกกับปุ่มเพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
CommandBar aka.ms/ck/แถบคำสั่ง	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบตัวควบคุม Fluent UI CommandBar	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
DetailsList aka.ms/ck/รายละเอียดรายการ	อินเทอร์เฟสผู้ใช้	อนุญาตให้ใช้ส่วนประกอบ Fluent UI DetailsList	ใข่	ใข่	ใข่	ไม่	จัดส่งไปแล้ว
DonutChart aka.ms/ck/โดนัทชาร์ท	อินเทอร์เฟสผู้ใช้	อนุญาตให้ใช้ส่วนประกอบ Fluent UI DonutChart ได้	ใข่	ใข่	ใข่	ไม่	พรีวิว
Dialog aka.ms/ck/บทสนทนา	อินเทอร์เฟสผู้ใช้	เลียนแบบสไตล์และพฤติกรรมของ ส่วนประกอบ Fluent UI Dialog	ใช่	ใช่	ใช่	ไม่	ทดลอง
Elevation aka.ms/ck/ความสูง	อินเทอร์เฟสผู้ใช้	จัดเตรียมการรองรับการยกระดับ Fluent UI ด้วยเหตุการณ์การเลื่อนเมาส์	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ExpandMenu aka.ms/ck/ขยายเมนู	อินเทอร์เฟสผู้ใช้	มีอินเทอร์เฟซเมนูที่ขยายได้ (หรือที่เรียกว่าเมนูแฮมเบอร์เกอร์)	ไม่	ใช่	ใช่	ไม่	ทดลอง
Facepile aka.ms/ck/กองหน้า	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent 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/ไอคอน	อินเทอร์เฟสผู้ใช้	ไอคอนแบบอักษร Fluent UI ปุ่มไอคอน และปุ่มการทำงานพร้อมสไตล์ที่กำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
KeyboardShortcuts aka.ms/ck/แป้นพิมพ์ลัด	ยูทิลิตี	ลงทะเบียนตัวจัดการเหตุการณ์การกดแป้นเพื่อให้สามารถใช้แป้นพิมพ์ลัดภายในแอปพื้นที่ทำงาน	ไม่	ใช่	ไม่	ไม่	จัดส่งไปแล้ว
Nav aka.ms/ck/นำทาง	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI Nav component ที่ผูกกับปุ่มเพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Panel aka.ms/ck/แผง	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ Panel ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	ทดลอง
PeoplePicker aka.ms/ck/คนเลือก	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI PeoplePicker	ใช่	ใช่	ใช่	ไม่	พรีวิว
Persona aka.ms/ck/บุคคล	อินเทอร์เฟสผู้ใช้	ให้ Wrapper รอบ ตัวควบคุม Fluent UI Persona	ใช่	ใช่	ใช่	ไม่	พรีวิว
Picker aka.ms/ck/คนเก็บ	อินเทอร์เฟสผู้ใช้	จัดเตรียมรองรับตัวเลือกแท็ก Fluent UI ด้วยการกำหนดรูปแบบรายการที่กำหนดเองสำหรับแท็กสีและไอคอน	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
Pivot aka.ms/ck/หมุน	อินเทอร์เฟสผู้ใช้	แรป ตัวควบคุม Fluent UI Pivot เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ProgressIndicator aka.ms/ck/ตัวบ่งชี้ความก้าวหน้า	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ ProgressIndicator ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
ResizableTextArea aka.ms/ck/พื้นที่ข้อความปรับขนาดได้	อินเทอร์เฟสผู้ใช้	ตัวควบคุม text area ที่ผู้ใช้สามารถปรับขนาดได้โดยใช้ตัวจับที่มุมล่างขวา สามารถกำหนดสไตล์ให้ดูเหมือนตัวควบคุม Classic, Fluent UI หรือ Model-driven text field	ไม่	ใช่	ใช่	ใช่	จัดส่งไปแล้ว
SearchBox aka.ms/ck/ช่องค้นหา	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI SearchBox เพื่อใช้ในพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
Shimmer aka.ms/ck/ระยับ	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI Shimmer เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
SpinButton aka.ms/ck/ปุ่มหมุน	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Fluent UI SpinButton เพื่อใช้ในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
Spinner aka.ms/ck/สปินเนอร์	อินเทอร์เฟสผู้ใช้	เลียนแบบรูปแบบและลักษณะของ ส่วนประกอบ Spinner ของ Fluent UI จากภายในแอปพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว
SubwayNav aka.ms/ck/ซับเวย์นาวี	อินเทอร์เฟสผู้ใช้	จัดเตรียมแรปเปอร์รอบตัวควบคุม Office 365 Admin SubwayNav เพื่อใช้ในพื้นที่ทำงานและหน้าแบบกำหนดเอง	ใช่	ใช่	ใช่	ไม่	พรีวิว
TagList aka.ms/ck/รายการแท็ก	อินเทอร์เฟสผู้ใช้	จัดเตรียมรายการแท็กที่มีการแสดงความกว้างที่ยืดหยุ่นซึ่งผูกไว้กับคอลเลกชัน	ใช่	ใช่	ใช่	ไม่	จัดส่งไปแล้ว