पेज पर नंबर डालना

पेज पर नंबर डालने वाला विजेट, पेज पर नंबर डालने वाली सामग्री दिखाने या दिखाए गए कॉन्टेंट की मात्रा को टॉगल करने के लिए, <devsite-pagination> कस्टम एलिमेंट का इस्तेमाल करता है.

सामान्य इस्तेमाल

नीचे दिए गए उदाहरण में<devsite-pagination> यह बताने के लिए कस्टम एलिमेंट container चार पेजों पर नंबर डालने वाला एलिमेंट<div> एलिमेंट नहीं हैं.

डुबकी 1
डुबकी 2
डुबकी 3
अच्छा 4
अच्छा 5
अच्छा 6
डुबकी 7
अच्छा 8
अच्छा 9
डुबकी 10
अच्छा 11
अच्छा 12
अच्छा 13
अच्छा 14
अच्छा 15

एक से ज़्यादा एचटीएमएल एलिमेंट

नीचे दिए गए उदाहरण में<devsite-pagination> यह बताने के लिए कस्टम एलिमेंट container एलिमेंट जो दोनों को पेज पर नंबर देता है<p> और<div> एलिमेंट एक ही कंटेनर में हैं.

यह पैराग्राफ़ 1 है.

यह पैराग्राफ़ 2 है.

यह पैराग्राफ़ 3 है.

यह पैराग्राफ़ 4 है.

यह पैराग्राफ़ 5 है.

यह पैराग्राफ़ 6 है.

यह div 1 है.
यह div 2 है.
यह div 3 है.
यह div 4 है.
यह div 5 है.
यह div 6 है.

बटन यूज़र इंटरफ़ेस (यूआई)

नीचे दिए गए उदाहरण में, container एलिमेंट के बारे में बताने के लिए <devsite-pagination> कस्टम एलिमेंट का इस्तेमाल किया गया है. यह एलिमेंट आठ शुरुआती <div> एलिमेंट लोड करता है और इसे ज़्यादा दिखाने के लिए टॉगल किया जा सकता है.

डुबकी 1
डुबकी 2
डुबकी 3
अच्छा 4
अच्छा 5
अच्छा 6
डुबकी 7
अच्छा 8
अच्छा 9
डुबकी 10
अच्छा 11
अच्छा 12
अच्छा 13
अच्छा 14
अच्छा 15

बड़ा करें

यह उदाहरण <devsite-pagination> कस्टम एलिमेंट का इस्तेमाल करके, start-expanded एट्रिब्यूट वाला container एलिमेंट दिखाता है, जो सभी <div> एलिमेंट लोड करता है. साथ ही, इसे कम दिखाने के लिए टॉगल किया जा सकता है.

डुबकी 1
डुबकी 2
डुबकी 3
अच्छा 4
अच्छा 5
अच्छा 6
डुबकी 7
अच्छा 8
अच्छा 9
डुबकी 10
अच्छा 11
अच्छा 12
अच्छा 13
अच्छा 14
अच्छा 15