แล้วในเวลา เราแชร์ลำดับเวลาสำหรับ web part เหล่านั้น ซึ่งเราต้องการบันทึกเหตุการณ์ต่างๆ ตอนนี้พวกเขา 19 แท็บที่มีเป้าหมายเดียวกันแม้ว่าใน React คุณจะพบสิ่งที่สมบูรณ์แบบที่กำหนดเหตุการณ์ในไทม์ไลน์หรือประวัติ บริษัท ของคุณพร้อมข้อความที่เกี่ยวข้อง
ในคอลเลกชันของแท็บ React 19 แท็บนี้มี ทั้งแนวนอนและแนวตั้ง และทั้งหมดนี้ฟรีทั้งหมด ดังนั้นคุณสามารถมีได้ตามที่คุณต้องการ ชุดแท็บที่ครอบคลุมความต้องการทุกประเภทเพื่อให้เป็นไปตามมาตรฐานการออกแบบเว็บปัจจุบันในปี 2018 นี้มาดูกันเลยกับแท็บ React 19 แท็บที่จะไม่ปล่อยให้ใครเฉยเมย
ตอบสนองแท็บเล็ก ๆ
ส่วนประกอบของแท็บสำหรับ React with ตัวเลือกพื้นฐานในการปรับแต่ง หัวข้อ. จากหน้าตัวอย่างคุณจะเห็นกระบวนการจัดองค์ประกอบที่แตกต่างกันซึ่งส่งผลให้แท็บพื้นฐานมีการออกแบบที่แปลกประหลาดเล็กน้อย
ที่นี่ Github.
ตอบโต้แท็บสุดยอด
จากรหัสแซนด์บ็อกซ์คุณสามารถทำได้ เข้าถึงการสาธิตของแท็บนี้เพื่อตอบสนอง ที่โดดเด่นด้วยการนำกลับมาใช้งานได้อีกครั้ง ดังที่คุณเห็นในตัวอย่างแท็บเหล่านี้เป็นแท็บพื้นฐานที่มีข้อมูลที่เราต้องการให้ในเว็บไซต์ของเรา คุณมีข้อมูลที่เกี่ยวข้องทั้งหมดในการสาธิต
ที่นี่ Github.
ตอบสนองแท็บเว็บ
ด้วยแท็บนี้สำหรับการตอบสนองเราสามารถทำได้ เลือกใช้รูปแบบแนวนอน หรืออีกทางหนึ่งเป็นแนวตั้ง มีความโดดเด่นด้วยการเป็นโมดูลาร์และสามารถเข้าถึงได้สำหรับแท็บบางแท็บที่คุณสามารถดูได้ในตัวอย่างตามลำดับเพื่อใช้ตามที่เหมาะสมกับคุณบนเว็บไซต์ของคุณ
ที่นี่ Github.
ตอบสนองแท็บที่ตอบสนอง
แท็บที่ตอบสนองสำหรับการตอบสนองที่แตกต่างจากการเป็น สำหรับมือถือ. ในหน้าตัวอย่างคุณจะพบตัวเลือกต่างๆเพื่อดูการปรับแต่งแต่ละอย่างที่แท็บเหล่านี้มีให้สำหรับการตอบสนอง
ไม่พลาดไฟล์ Github.
ตอบสนองแท็บที่เข้าถึงได้
ส่วนประกอบ สามารถเข้าถึงแท็บสำหรับ React. ง่ายมากในสาระสำคัญทั้งหมดสำหรับสามส่วนที่แสดงในตัวอย่างที่กำหนดเพื่อให้คุณได้รับแนวคิดเกี่ยวกับแท็บเหล่านี้สำหรับ React
Su Github.
วัสดุแท็บ
ที่นี่เราไม่มีหน้าสาธิตเพื่อดูแท็บนี้สำหรับ React ในแหล่งกำเนิด แต่คุณสามารถไปที่เว็บไซต์บน github เพื่อให้มีโค้ดทั้งหมดอยู่ในมือ เป็นแพ็คเกจ React ที่มีส่วนประกอบของไฟล์ แท็บไปที่ Material Design ซึ่งเป็นภาษาของการออกแบบ จาก Google ที่อยู่กับเรามาสองสามปีแล้ว คุณสามารถเข้าถึงเครื่องมือที่เผยแพร่ได้ที่นี่ โดย Google จะใช้ดีไซน์ Material
ตอบสนองการนำทางของแท็บ
การนำทางแท็บปฏิกิริยาเป็นองค์ประกอบคุณภาพการตอบสนองที่ช่วยให้คุณ อนุญาตให้เรียกดูผ่านแท็บ ในเว็บแอปของคุณ จากลิงก์เดียวกันไปยังหน้าตัวอย่างคุณสามารถเข้าถึง Github เพื่อเป็นสักขีพยานส่วนที่เหลือของโค้ด
ตอบสนองแท็บแท็บ
แท็บสำหรับตอบสนองด้วยการสนับสนุนมือถือและสามารถแก้ไขได้ คือ Tab-based API สำหรับ React JavaScript. คุณมีตัวเลือกให้เลือกระหว่างสามธีมจากหน้าตัวอย่างและไปที่ Github จากปุ่ม "เอกสาร" ที่อยู่ อยู่ในหน้าตัวอย่างเดียวกับที่แสดงการปรับแต่งทั้งหมดที่สามารถทำได้
ตอบสนอง Aria Tabpanel
ช่วยให้คุณสามารถโต้ตอบกับแท็บด้วยไฟล์ แป้นลูกศรแป้นพิมพ์ สำหรับส่วนประกอบ React ที่มีความยืดหยุ่นสูงซึ่งช่วยให้ปรับแต่งได้อย่างยอดเยี่ยม คุณมีตัวอย่างมากมายจากหน้าสาธิต
ตอบสนองแท็บบอร์เดียน
อีกส่วนประกอบหนึ่งสำหรับ React ที่มีตัวเลือกการปรับแต่งทุกประเภท เช่นที่อยู่ไปยังที่เก็บ. สากลและความหมายช่วยให้คุณสร้างหีบเพลงและแท็บสำหรับเว็บไซต์ของคุณ ไม่มีรายละเอียดของข้อมูลทั้งหมดที่จำเป็นในการนำไปใช้
แท็บปฏิกิริยาที่เร็วขึ้น
ส่วนประกอบแท็บสำหรับ React ที่ใช้ ความยืดหยุ่นและบริบทที่ไม่เชื่อเรื่องพระเจ้า. เหมาะสำหรับการแสดงแท็บที่เข้าถึงง่าย ข้อมูลทั้งหมดตลอดจนลิงก์ไปยังที่เก็บบน Github สามารถดูได้จากหน้าตัวอย่างที่กำหนด
ตอบสนองมุมมองการปัด
ส่วนประกอบสำหรับการตอบสนองสำหรับแท็บฝังตัวและมุมมองที่สามารถ เห็นภาพผ่านท่าทาง. เหมาะสำหรับไซต์สำหรับมือถือโดยเฉพาะ คุณมีตัวอย่างของตัวเลือกต่างๆในหน้าตัวอย่างเพื่อไม่ให้คุณพลาดรายละเอียดขององค์ประกอบการตอบสนองนี้
แท็บ
ส่วนประกอบสำหรับแท็บ React ที่มาจากเว็บไซต์ตัวอย่างคุณมีสิ่งที่แตกต่างกัน ตัวเลือกที่กำหนดเพื่อปรับแต่ง. ข้อมูลทั้งหมดได้รับการจัดระเบียบอย่างเพียงพอเพื่อให้คุณสามารถใช้ส่วนประกอบนี้ได้อย่างง่ายดาย
แท็บปฏิกิริยา
ส่วนประกอบแท็บ React JavaScript ที่ยอดเยี่ยม ใช้งานง่ายและเข้าถึงได้ดี. จากหน้าตัวอย่างคุณสามารถเข้าถึงที่เก็บบน Github พวกเขาใส่ตัวอย่างต่างๆเช่นแท็บที่ถูกปิดใช้งานโดยค่าเริ่มต้น คุณสามารถใช้แถบหยุดเพื่อโฟกัสที่แท็บและใช้ปุ่มลูกศรเพื่อสลับระหว่างแท็บ
M- แท็บ
แท็บดั้งเดิมสำหรับ React ทั้งสำหรับ เว็บสำหรับเนทีฟ. คุณมีหลายตัวอย่างในหน้าที่ระบุเพื่อดูว่าส่วนประกอบนี้ทำงานอย่างไร ที่มุมขวาบนคุณมีลิงก์ไปยังที่เก็บ Github ในกรณีที่คุณต้องการทราบข้อมูลเพิ่มเติมหรือนำไปใช้ในเว็บไซต์ของคุณ
ตอบสนองแท็บวัสดุดั้งเดิม
ตามชื่อของมันก็คือ มุ่งเป้าไปที่การออกแบบวัสดุ สำหรับการใช้งานแท็บ เราไม่มีหน้าตัวอย่าง แต่เรามีที่เก็บ Github ที่คุณสามารถค้นหาทุกสิ่งที่จำเป็นสำหรับการรวมเข้าด้วยกัน
ตอบสนองมุมมองแท็บดั้งเดิม
ส่วนประกอบแท็บข้ามแพลตฟอร์มสำหรับ React Native มันคือการนำไปใช้งาน เฉพาะใน JavaScript และอนุญาตให้ใช้ท่าทางสัมผัส เพื่อสลับไปมาระหว่างแท็บต่างๆ มีความโดดเด่นด้วยการปรับแต่งได้มากซึ่งช่วยให้การเจริญเติบโตทุกประเภท
ตอบสนองเนวิเกเตอร์แถบแถบเนทีฟ
ส่วนประกอบสำหรับแท็บ React ที่สร้างไฟล์ เบราว์เซอร์ที่ยอดเยี่ยมพร้อมแถบ ของขนตา
ตอบสนองแท็บดั้งเดิม
ตอบสนองแท็บเนทีฟเป็นแพลตฟอร์มแบบสแตนด์อโลนที่สามารถทำได้ ใช้สำหรับขนตาล่าง เช่นเดียวกับมุมมองแบบแบ่งส่วน ด้วยเหตุนี้เราจึงจบชุดของแท็บสำหรับการตอบสนอง เราปล่อยให้คุณใช้ชุดฟอร์มใน CSS เพื่อที่คุณจะได้จับตาดูและดูว่าสิ่งเหล่านี้ดีสำหรับเว็บไซต์ของคุณหรือไม่