ดาวน์โหลด frontile - ดาวน์โหลดซอร์สโค้ด frontile

frontile

ส่วนประกอบของบุคคลที่สาม

v0.16.2

ดาวน์โหลด

gitHub-readme

ภายใต้การพัฒนาที่ใช้งานอยู่

Frontile มีจุดมุ่งหมายเพื่อให้ Legos (ส่วนประกอบ, ผู้ช่วยเหลือ, ตัวดัดแปลงและสไตล์) ที่จำเป็นสำหรับการสร้างแอพ Ember.js ที่สอดคล้องและทรงพลังในขณะที่ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดจากชุมชนและให้ทั้งองค์ประกอบระดับต่ำและระดับสูงสำหรับแอปพลิเคชันของคุณ

สร้างขึ้นโดยคำนึงถึงการเข้าถึงในทุกองค์ประกอบ
สร้างขึ้นเป็นแพ็คเกจที่คั่นด้วยเหตุผลเพื่อให้คุณสามารถเลือกชิ้นส่วนที่คุณจะใช้
เขียนเป็น typeScript;
ส่วนประกอบทั้งหมดเป็นส่วนประกอบที่ริบหรี่
สไตล์เป็นเพียงปลั๊กอิน tailwindcss และตอบสนองอย่างเต็มที่

เอกสาร

เยี่ยมชม frontile.dev เพื่ออ่านเอกสารและดูการสาธิตสด

มีอะไรบ้าง?

มีแพ็คเกจสองสามชุดที่ใช้งานแล้ว คุณสามารถใช้งานได้ในแอปพลิเคชันของคุณวันนี้หากคุณอยู่ในรุ่น Ember ที่รองรับ โครงการยังคงเป็นรุ่นล่วงหน้า 1.0.0 ดังนั้นการเปลี่ยนแปลงที่เกิดขึ้นจึงยังคงเกิดขึ้นได้

@frontile/Utilities: Core Package จัดหาส่วนประกอบ A11Y ที่จำเป็น
@frontile/แบบฟอร์ม: ส่วนประกอบสำหรับการทำงานกับแบบฟอร์ม
@frontile/changeet-form: การรวมระหว่างแพ็คเกจแบบฟอร์มและการเปลี่ยนแปลง
@frontile/การแจ้งเตือน: แพ็คเกจที่ให้การแจ้งเตือนเหมือนขนมปังปิ้ง
@frontile/ซ้อนทับ: ส่วนประกอบเพื่อแสดงเนื้อหาผ่าน UI เช่นกล่องโต้ตอบโมดอล
@frontile/ปุ่ม: ส่วนประกอบสำหรับการทำงานกับปุ่ม

สไตล์ที่มี tailwind

สไตล์ทั้งหมดที่เรามีให้ผ่านปลั๊กอิน tailwindcss มันสมบูรณ์แบบถ้าแอพของคุณมี tailwind; อย่างไรก็ตามแอพบางตัวไม่มีหรือไม่ต้องการเขียนสไตล์โดยใช้มัน สำหรับสิ่งเหล่านี้มีสองทางเลือก:

เขียนสไตล์ทั้งหมดด้วยตัวคุณเองที่กำหนดเป้าหมายชั้นเรียนของเราซึ่งเป็นไปตามอนุสัญญาการตั้งชื่อแบบ BEM
เพิ่ม tailwind สำหรับสไตล์ของเราเท่านั้น วิธีการนี้ยังไม่ได้รับการพิสูจน์ แต่ในทางทฤษฎีคุณควรจะสามารถตั้งค่า Tailwind และอนุญาตให้รวมรูปแบบ frontile เท่านั้น

ด้วยการจัดหาปลั๊กอิน tailwind คุณสามารถปรับแต่งสไตล์ได้ทั้งหมดแม้กระทั่งลบสิ่งที่ไม่ใช่สิ่งที่คุณต้องการ ปลั๊กอินทั้งหมดมีตัวเลือกในการผ่านการกำหนดค่าเพื่อให้คุณสามารถตั้งค่าสีเว้นวรรค ฯลฯ ตามความต้องการของแอปพลิเคชันของคุณ นอกจากนี้ยังอนุญาตให้สร้างธีมหรือโหมดมืดโดยใช้ตัวแปร CSS

TL; ดร.; คุณไม่จำเป็นต้องใช้ tailwindcss ถ้าคุณไม่ต้องการ แต่จะดีที่สุดถ้าคุณใช้มัน