คอมโพเนนต์ทั้งหมด
คอมโพเนนต์
38 คอมโพเนนต์ชุดเดียว แสดงผลได้ทั้งสองแบรนด์ สลับแบรนด์ที่มุมขวาบนแล้วดูทุกตัวเปลี่ยนรูปตาม
พื้นฐาน
3การกระทำ
2อินพุตและฟอร์ม
9Fieldป้ายกำกับ คำแนะนำ และข้อผิดพลาด ผูก ARIA ให้ครบInputช่องกรอกบรรทัดเดียว มีไอคอนนำหน้าและปุ่มท้ายช่องTextareaช่องกรอกหลายบรรทัด พร้อมตัวนับตัวอักษรSelectดรอปดาวน์แบบ native ใช้ได้ดีบนมือถือและคีย์บอร์ดCheckboxเลือกได้หลายข้อ รองรับสถานะไม่ครบ (indeterminate)Radioเลือกหนึ่งข้อจากหลายตัวเลือกในกลุ่มเดียวกันSwitchเปิดปิดการตั้งค่าที่มีผลทันทีSegmentedเลือกหนึ่งจากสองถึงห้าตัวเลือกสั้นๆ บนรางเดียวSliderเลื่อนเลือกค่าตัวเลขในช่วงที่กำหนด
ฟีดแบ็ก
7Alertข้อความสถานะที่อยู่บนหน้าจนกว่าสถานการณ์จะเปลี่ยนToastแจ้งผลการกระทำสั้นๆ แล้วหายไปเองBadgeป้ายสถานะสั้นๆ ที่กดไม่ได้Tagชิปสำหรับกรอง เลือก หรือลบค่าProgressความคืบหน้าแบบรู้ค่าและไม่รู้ค่าSkeletonโครงร่างที่มีรูปทรงเดียวกับเนื้อหาที่กำลังโหลดEmpty stateบอกว่าพื้นที่นี้มีไว้ทำอะไร และทำอย่างไรให้มีข้อมูล
โอเวอร์เลย์
4การนำทาง
6Navbarแถบนำทางหลัก แถบเต็มใน ASWINOLOGY° และแคปซูลแก้วใน LurnelleTabsสลับมุมมองในพื้นที่เดียว ตามแบบ WAI-ARIAAccordionขยายและย่อเนื้อหาด้วย <details> ไม่ต้องใช้ JavaScriptBreadcrumbบอกตำแหน่งของหน้าปัจจุบันในโครงสร้างเว็บPaginationแบ่งรายการยาวเป็นหน้า พร้อมหน้าแรก หน้าสุดท้าย และหน้าใกล้เคียงStepperขั้นตอนของงานที่มีลำดับตายตัว
การแสดงผล
7Cardพื้นผิวสำหรับหนึ่งเรื่อง กระดาษเรียบหรือแก้วกับดินเหนียวPosterโปสเตอร์โปรเจกต์ สีกระดาษหนึ่งสี ตัวอักษรหนึ่งตัว ชื่อหนึ่งชื่อA°Course cardการ์ดคอร์สเรียน ปก ระดับ จำนวนบทเรียน และราคาLuStatตัวเลขสำคัญหนึ่งตัวพร้อมป้ายและการเปลี่ยนแปลงTableตารางข้อมูลที่เลื่อนแนวนอนได้บนจอเล็กAvatarรูปหรืออักษรย่อของคน เดี่ยวหรือเป็นกลุ่มKbdแป้นพิมพ์ลัดในข้อความและเมนู