องค์ประกอบไอคอนโต้ตอบที่มีประโยชน์ 15 อันดับแรก

ไอคอนเป็นองค์ประกอบสำคัญของอินเทอร์เฟซผู้ใช้ของผลิตภัณฑ์ที่ช่วยให้โต้ตอบกับไอคอนได้สำเร็จและมีประสิทธิภาพ ดังนั้นในโพสต์นี้ ฉันได้รวบรวม 15 ส่วนประกอบไอคอนปฏิกิริยาที่มีประโยชน์ เพื่อเพิ่มการโต้ตอบ การออกแบบ UI ที่ดีขึ้น และโค้ดที่สะอาดขึ้น

ตอบโต้ไอคอนโซเชียล

ชุดไอคอนโซเชียล svg ที่สวยงาม ใช้ง่ายใน React ไม่มีรูปภาพหรือการอ้างอิง css ภายนอก เส้นทาง Svg จัดทำโดย Squarespace

หากต้องการใช้ react-icons-kit ให้นำเข้าส่วนประกอบ Icon บวกกับไอคอนจากชุดไอคอนใดก็ได้ คุณสามารถกำหนดขนาดของไอคอนโดยใช้แอตทริบิวต์ขนาด แอตทริบิวต์ size สามารถใช้เป็นเปอร์เซ็นต์แทนตัวเลขได้ เพื่อให้สามารถใช้ขนาดของคอนเทนเนอร์ได้

Iconify React

Iconify เป็นทางเลือกโอเพ่นซอร์ส SVG ที่ทันสมัยแทนแบบอักษรสัญลักษณ์ เป็นเฟรมเวิร์กแบบรวมศูนย์ซึ่งมีจุดมุ่งหมายเพื่อนำเสนอชุดไอคอนยอดนิยมทั้งหมดด้วยรูปแบบเดียวที่ใช้งานง่าย: Font Awesome, Material Design Icons, Jam Icons และชุดอิโมจิหลายชุด: Noto Emoji, Twemoji, EmojiOne, Firefox OS Emoji

ตอบสนองแถบนำทางเนทีฟ

ไอคอนตอบโต้

ชุดไอคอน SVG ให้ดูการสาธิตสำหรับรายการไอคอน

hhttps //g.co/recover

โรงงานไอคอนตอบสนอง

เพียงเพิ่มไอคอน SVG แล้วโรงงานไอคอนตอบสนองจะผลิตส่วนประกอบไอคอนที่กำหนดเอง!

ไอคอนไฟล์ตอบโต้

องค์ประกอบตอบสนองที่ทำให้ง่ายต่อการแสดงไอคอนไฟล์ svg

ตอบโต้ Fa

ไอคอน Font Awesome เป็นส่วนประกอบ React

ตอบโต้ยูนิคอน

ไอคอนเวกเตอร์ที่สมบูรณ์แบบกว่า 1,000 พิกเซลเป็น React Components ไอคอนเหล่านี้ออกแบบโดย Iconscout

วิธีซื้อ xyo

ตอบโต้ Geomicons

องค์ประกอบไอคอนตอบสนองสำหรับ Geomicons Open

ตอบโต้ไอคอนชั่วร้าย

ไอคอนชั่วร้ายเป็นส่วนประกอบตอบสนอง

แผนภูมิสดการเงินศิลปะ nft

ตอบโต้ไอคอนวัสดุ

องค์ประกอบอย่างง่ายสำหรับไอคอนวัสดุเคลื่อนไหวใน React ใช้งานได้ดีกับ react 15.0 หรือใหม่กว่า

ตอบสนองไอคอน Bytesize

แต่ละไอคอนมีรหัสด้วยมือตามตารางขนาด 32 × 32 และใช้เส้น SVG เพื่อให้มีความยืดหยุ่นสูงสุด หมายความว่าคุณสามารถปรับน้ำหนัก สี ขนาด และหากต้องการให้ขอบเป็นทรงกลมหรือสี่เหลี่ยม

#reactjs #javascript #react

องค์ประกอบไอคอนโต้ตอบที่มีประโยชน์ 15 อันดับแรก

ดูสิ่งนี้ด้วย:

ของใหม่

อ่านได้มากที่สุด

ตัวเลือกของบรรณาธิการ