صفحہ بندی

صفحہ بندی ویجیٹ صفحہ بندی والے مواد کو ظاہر کرنے یا دکھائے گئے مواد کی مقدار کو ٹوگل کرنے کے لیے <devsite-pagination> حسب ضرورت عنصر کا استعمال کرتا ہے۔

عام استعمال

مندرجہ ذیل مثال میں <devsite-pagination> کسٹم عنصر کا استعمال ایک container عنصر کی وضاحت کے لیے کیا گیا ہے جو فی صفحہ چار <div> عناصر کو صفحہ بندی کرتا ہے۔

Div 1
Div 2
Div 3
Div 4
Div 5
ڈویژن 6
ڈویژن 7
ڈویژن 8
Div 9
Div 10
ڈویژن 11
ڈویژن 12
ڈویژن 13
ڈویژن 14
ڈویژن 15

ایک سے زیادہ HTML عناصر

مندرجہ ذیل مثال ایک container عنصر کی وضاحت کرنے کے لیے <devsite-pagination> کسٹم عنصر کا استعمال کرتی ہے جو ایک ہی کنٹینر میں <p> اور <div> دونوں عناصر کو صفحہ بندی کرتا ہے۔

یہ پیراگراف 1 ہے۔

یہ پیراگراف 2 ہے۔

یہ پیراگراف 3 ہے۔

یہ پیراگراف 4 ہے۔

یہ پیراگراف 5 ہے۔

یہ پیراگراف 6 ہے۔

یہ div 1 ہے۔
یہ div 2 ہے۔
یہ div 3 ہے۔
یہ div 4 ہے۔
یہ div 5 ہے۔
یہ div 6 ہے۔

بٹن UI

مندرجہ ذیل مثال ایک container عنصر کی وضاحت کرنے کے لیے <devsite-pagination> کسٹم عنصر کا استعمال کرتی ہے جو آٹھ ابتدائی <div> عناصر کو لوڈ کرتا ہے اور مزید ڈسپلے کرنے کے لیے ٹوگل کیا جا سکتا ہے۔

Div 1
Div 2
Div 3
Div 4
Div 5
ڈویژن 6
ڈویژن 7
ڈویژن 8
Div 9
Div 10
ڈویژن 11
ڈویژن 12
ڈویژن 13
ڈویژن 14
ڈویژن 15

شروع کریں توسیع کریں۔

درج ذیل مثال <devsite-pagination> کسٹم عنصر کا استعمال کرتے ہوئے ایک container عنصر کی وضاحت کے لیے کرتی ہے جس میں ایک start-expanded انتساب ہے جو تمام <div> عناصر کو لوڈ کرتا ہے اور Less کو ڈسپلے کرنے کے لیے ٹوگل کیا جا سکتا ہے۔

Div 1
Div 2
Div 3
Div 4
Div 5
ڈویژن 6
ڈویژن 7
ڈویژن 8
Div 9
Div 10
ڈویژن 11
ڈویژن 12
ڈویژن 13
ڈویژن 14
ڈویژن 15