बड़ा किया जा सकने वाला विजेट, कस्टम एलिमेंट <devsite-expandable>
का इस्तेमाल करके ये काम करता है
उपयोगकर्ता, बड़े किए जा सकने वाले सेक्शन में कॉन्टेंट के हिस्सों को छिपाते या दिखाते हैं. मार्कडाउन फ़ाइल में, कस्टम एलिमेंट को किसी स्टैंडर्ड एचटीएमएल एलिमेंट, जैसे कि <section>
या <div>
के साथ रैप करें.
सेक्शन टॉगल करना
नीचे दिया गया उदाहरण, <devsite-expandable>
कस्टम एलिमेंट में रैप किया गया है
डिफ़ॉल्ट रूप से छिपी हुई स्थिति पर सेट हो जाती है. इसके शीर्षक में एक class
एट्रिब्यूट है
showalways
.
यह हेडिंग हमेशा दिखती है
यह पैराग्राफ़ डिफ़ॉल्ट रूप से छिपा होता है.
This code block within the custom element also defaults to a hidden position.
कस्टम कंट्रोल
नीचे दिए गए उदाहरण में, expand-control
क्लास को इसके button
एलिमेंट में जोड़ा गया है
सेक्शन को बड़ा और छोटा करने के लिए, <devsite-expandable>
कस्टम एलिमेंट
बिना टॉगल किए.
कई विकल्प उपलब्ध हैं
एक बार बड़ा करना
नीचे दिए गए उदाहरण में, expand-control once
क्लास को
<devsite-expandable>
कस्टम एलिमेंट, जो क्लिक करने पर अतिरिक्त कॉन्टेंट दिखाता है
और फिर पेज से गायब हो जाता है.
लोरम इप्सम
[विश्वविद्यालय का नाम] tempor incididunt ut अनुवाद et dolore magna aliqua. Ut enim विज्ञापन मिनिमम विनीयम, क्विस नॉस्ट्रड एक्सरसाइटेशन अलमको लैबोरिस निसी यूट aliquip ex ea कॉमोडो कॉन्सक्वाट
ज़्यादा...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
लिंक करने पर अपने-आप बड़ा होने की सुविधा
नीचे दिया गया उदाहरण
<devsite-expandable>
कस्टम एलिमेंट, जो पेज लोड होने पर सेक्शन को अपने-आप बड़ा करता है
जब आप उससे लिंक करें.
लिंक करने की प्रोसेस को अपने-आप बड़ा करने का तरीका
इस सेक्शन को बंद करें और ऊपर दिए गए #sample1 लिंक पर क्लिक करें. इसके बाद, इस सेक्शन को अपने-आप बड़ा करने के लिए, पेज को फिर से लोड करें.
Code block within the 'Auto-expand on linking' demo.
डिफ़ॉल्ट रूप से खोलें
नीचे दिए गए उदाहरण में, <devsite-expandable>
कस्टम एलिमेंट में expanded
एट्रिब्यूट जोड़ा गया है, ताकि बड़ा किया जा सकने वाला एलिमेंट डिफ़ॉल्ट रूप से खुला रहे.
डिफ़ॉल्ट रूप से बड़ा किया गया
डिफ़ॉल्ट रूप से खोलना तब बेहतर होता है, जब आपके पास बहुत सारे विस्तार योग्य हों, जैसे रिलीज़ नोट के लिए, लेकिन आपको सबसे हाल ही की जानकारी को खुला रखना है.