หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

lil ui

ชุดขององค์ประกอบพื้นฐานมากสำหรับโครงการตอบสนอง

ออกแบบมาเพื่อใช้นอกกรอบหรือในแบบ DIY UI ด้วย tailwindcss หรือส่วนประกอบสไตล์

→การสาธิตและเอกสารประกอบ

การติดตั้ง 

 yarn add lil-ui
npm install lil-ui

ส่วนประกอบ

  • เป็นโมฆะ
  • บานหน้าต่าง
  • ปุ่ม

เป็นโมฆะ

ข้อต่อ พิมพ์ ค่าเริ่มต้น ตัวเลือก
show boolean false

true ที่จะแสดง modal

false ที่จะซ่อน modal

children string / component -
เนื้อหาโมดอลสามารถส่งผ่านเป็นเด็ก
titleComponent component -
ส่วนประกอบที่กำหนดเองสำหรับส่วนหัวของโมดอล
backdropComponent component -
ส่วนประกอบที่กำหนดเองสำหรับฉากหลังโมดอล
title string -
ชื่อ Modal
onClose function -
ฟังก์ชั่นการทำงานเมื่อ Modal ปิด
hideBackdrop boolean - ตั้งค่าเป็นฉากหลังที่โปร่งใส
modalWidth string 500px ตั้งค่าความกว้างที่กำหนดเองสำหรับ Modal เช่น 600px

บานหน้าต่าง

ข้อต่อ พิมพ์ ค่าเริ่มต้น ตัวเลือก
show boolean false

true ที่จะแสดง modal

false ที่จะซ่อน modal

children string / component -
เนื้อหาโมดอลสามารถส่งผ่านเป็นเด็ก
titleComponent component -
ส่วนประกอบที่กำหนดเองสำหรับส่วนหัวของโมดอล
backdropComponent component -
ส่วนประกอบที่กำหนดเองสำหรับฉากหลังโมดอล
title string -
ชื่อ Modal
onClose function -
ฟังก์ชั่นการทำงานเมื่อ Modal ปิด
hideBackdrop boolean - ตั้งค่าเป็นฉากหลังที่โปร่งใส
paneWidth string 500px ตั้งค่าความกว้างที่กำหนดเองสำหรับ Modal เช่น 600px
position string - ตั้งค่า left เพื่อแสดงบานหน้าต่างจากซ้าย

ปุ่ม

ข้อต่อ พิมพ์ ค่าเริ่มต้น ตัวเลือก
className string - ชื่อคลาสที่กำหนดเองสำหรับแท็ก button
onClick function - ฟังก์ชั่นที่เรียกเมื่อปุ่มถูกคลิก
style object - วัตถุของสไตล์อินไลน์ที่จะใช้บนแท็ก button
children string / component - ฉลากสำหรับปุ่ม
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด