standard components
1.0.0
ข้อมูลจำเพาะสำหรับส่วนประกอบ UI ที่ใช้งานได้
https://standard-components.com
ไลบรารีส่วนประกอบ UI มีรูปร่างและขนาดทั้งหมด ข้อกำหนดนี้มีวัตถุประสงค์เพื่อเป็นวิธีการสร้างมาตรฐานการประชุมการตั้งชื่อและอุปกรณ์ประกอบฉาก APIs เพื่อสร้างระบบนิเวศของส่วนประกอบ UI ที่เปลี่ยนได้และส่งเสริมการใช้รหัสซ้ำมากขึ้น
ในการสร้างไลบรารีของส่วนประกอบ UI ที่เปลี่ยนได้ควรใช้อนุสัญญาการตั้งชื่อต่อไปนี้ รายการนี้มี จำกัด โดยเจตนาและมีจุดเริ่มต้นสำหรับการสาธิต ส่วนประกอบอื่น ๆ จะเพิ่มขึ้นเมื่อเวลาผ่านไป
ส่วนประกอบกล่องเป็นองค์ประกอบเค้าโครงแบบกล่องแบบดั้งเดิมที่จัดการกับขอบ, ช่องว่าง, ความกว้างและรูปแบบการจัดวางอื่น ๆ
ส่วนประกอบ Flex เป็นส่วนขยายของส่วนประกอบกล่องที่มีคุณสมบัติเฉพาะของ FlexBox
ส่วนประกอบข้อความเป็นองค์ประกอบการพิมพ์แบบดั้งเดิมที่จัดการขนาดตัวอักษรน้ำหนักความสูงบรรทัดการจัดตำแหน่งและรูปแบบการพิมพ์อื่น ๆ
ส่วนประกอบส่วนหัวเป็นส่วนขยายของส่วนประกอบข้อความที่มีไว้สำหรับส่วนหัว
ส่วนประกอบรูปภาพเป็นองค์ประกอบเนื้อหาที่แสดงภาพ
พื้นหลังเป็นส่วนขยายของส่วนประกอบกล่องพร้อมอุปกรณ์ประกอบฉากสำหรับการแสดงภาพพื้นหลัง
ส่วนประกอบปุ่มเป็นองค์ประกอบแบบโต้ตอบที่มีสไตล์ที่ดูเหมือนปุ่ม
ส่วนประกอบลิงค์เป็นองค์ประกอบแบบโต้ตอบที่มีความหมายสำหรับการนำทาง
อุปกรณ์ประกอบฉากสไตล์เป็นสิ่งที่เป็นนามธรรมระดับสูงกว่า CSS ซึ่งมีความยืดหยุ่นและช่วยจัดการกับข้อกังวลเกี่ยวกับสไตล์การออกแบบต่ออินสแตนซ์ อุปกรณ์ประกอบฉากสไตล์ส่วนใหญ่ขึ้นอยู่กับคุณสมบัติ CSS โดยมีอุปกรณ์ประกอบฉากชวเลขสำหรับอัตรากำไรขั้นต้นและช่องว่างภายใน
ส่วนประกอบบางอย่างเช่นปุ่มใช้ตัวแปรสไตล์เพื่อแสดงเวอร์ชันที่แตกต่างกันเช่นรูปแบบ primary และ secondary ตัวแปรควรได้รับการจัดการด้วยเสา variant พร้อมอุปกรณ์ประกอบการชวเลขบูลีนสำหรับตัวแปร primary และ secondary
ดูอุปกรณ์ประกอบฉากเพิ่มเติม
ชุดรูปแบบเป็นวัตถุที่กำหนดค่าที่ใช้โดยอุปกรณ์ประกอบฉากสไตล์ ชุดรูปแบบทำให้มั่นใจได้ว่าอัตรากำไรขั้นต้นที่สอดคล้องกันการขยายสีขนาดตัวอักษรและค่าคงที่ UI อื่น ๆ
ดูธีมสำหรับข้อมูลเพิ่มเติม
โดยการยึดติดกับโครงสร้างประเภทส่วนประกอบที่เข้มงวดส่วนประกอบในระบบสามารถเกี่ยวข้องกับวัตถุประสงค์เอกพจน์และอนุญาตให้มีการแลกเปลี่ยนกันได้มากขึ้นในห้องสมุด
ส่วนประกอบเลย์เอาต์ความกว้างการควบคุมความสูงและระยะห่าง พวกเขา ไม่ได้ พยายามควบคุมการพิมพ์หรือการพิจารณาอื่น ๆ
ส่วนประกอบของตัวพิมพ์มีความกังวลเกี่ยวกับตระกูลตัวอักษรขนาดน้ำหนักการนำการติดตามและคุณสมบัติอื่น ๆ ส่วนประกอบการพิมพ์ ไม่ เกี่ยวข้องกับเค้าโครง
ส่วนประกอบเนื้อหาแสดงสิ่งต่าง ๆ เช่นรูปภาพวิดีโอและไดอะแกรมโดยไม่ส่งผลกระทบต่อเลย์เอาต์การพิมพ์หรือความกังวลเกี่ยวกับสไตล์อื่น ๆ
องค์ประกอบแบบอินเทอร์แอคทีฟเช่นลิงก์ปุ่มและองค์ประกอบแบบฟอร์มต้องการอินพุตของผู้ใช้และ ไม่ได้ จัดการกับเค้าโครงหรือข้อกังวลในการพิมพ์
ส่วนประกอบสไตล์จัดการกับสไตล์ UI อื่น ๆ เช่นเส้นขอบรัศมีเงาเงาและการไล่ระดับสีโดยไม่ส่งผลกระทบต่อรูปแบบหรือการพิมพ์
ส่วนประกอบตำแหน่งจะลบลูกของพวกเขาออกจากการไหลของเอกสารปกติและควรใช้เท่าที่จำเป็น
ทำโดยนักแต่งเพลง | GitHub | ใบอนุญาต MIT
