পৃষ্ঠা সংখ্যা

পেজিনেশন উইজেট <devsite-pagination> কাস্টম এলিমেন্ট ব্যবহার করে পেজিনেটেড কন্টেন্ট প্রদর্শন করতে বা দেখানো কন্টেন্টের পরিমাণ টগল করতে।

সাধারণ ব্যবহার

নিচের উদাহরণে <devsite-pagination> কাস্টম এলিমেন্ট ব্যবহার করা হয়েছে একটি container এলিমেন্ট নির্দিষ্ট করতে যা প্রতি পৃষ্ঠায় চারটি <div> উপাদান পেজিন করে।

ডিভ 1
বিভাগ 2
ডিভ 3
ডিভ 4
ডিভ 5
ডিভ 6
বিভাগ 7
ডিভ 8
ডিভ 9
ডিভ 10
ডিভ 11
বিভাগ 12
বিভাগ 13
বিভাগ 14
ডিভ 15

একাধিক HTML উপাদান

নিম্নলিখিত উদাহরণে <devsite-pagination> কাস্টম এলিমেন্ট ব্যবহার করা হয়েছে একটি container এলিমেন্ট নির্দিষ্ট করতে যা একই কন্টেইনারে <p> এবং <div> উভয় উপাদানকে পেজিন করে।

এটি অনুচ্ছেদ 1.

এটি অনুচ্ছেদ 2.

এটি অনুচ্ছেদ 3।

এটি অনুচ্ছেদ 4.

এটি অনুচ্ছেদ 5.

এটি অনুচ্ছেদ 6.

এটি ডিভ 1।
এটি ডিভ 2।
এটি ডিভ 3।
এটি ডিভ 4।
এটি ডিভ 5।
এটি ডিভ 6।

বোতাম UI

নিম্নলিখিত উদাহরণটি একটি 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> উপাদান লোড করে এবং Less প্রদর্শন করতে টগল করা যেতে পারে।

ডিভ 1
বিভাগ 2
ডিভ 3
ডিভ 4
ডিভ 5
ডিভ 6
বিভাগ 7
ডিভ 8
ডিভ 9
ডিভ 10
ডিভ 11
বিভাগ 12
বিভাগ 13
বিভাগ 14
ডিভ 15