প্রসারণযোগ্য উইজেটটি কাস্টম উপাদান <devsite-expandable> ব্যবহার করে ব্যবহারকারীদের একটি প্রসারণযোগ্য বিভাগে সামগ্রীর অংশগুলি লুকিয়ে বা প্রদর্শন করতে দেয়। একটি মার্কডাউন ফাইলে, একটি মানক HTML উপাদানের সাথে কাস্টম উপাদানটি মোড়ানো, যেমন একটি <section> বা <div> ।
বিভাগ টগল
নিম্নলিখিত উদাহরণটি একটি <devsite-expandable> কাস্টম উপাদানে মোড়ানো হয়েছে যা একটি লুকানো অবস্থানে ডিফল্ট। এর শিরোনামটিতে showalways নামে একটি class বৈশিষ্ট্য রয়েছে।
এই শিরোনাম সবসময় দেখায়
এই অনুচ্ছেদটি একটি লুকানো অবস্থানে ডিফল্ট।
This code block within the custom element also defaults to a hidden
position.কাস্টম নিয়ন্ত্রণ
নিচের উদাহরণটি কোন টগল ছাড়াই বিভাগটিকে প্রসারিত এবং ভেঙে ফেলার জন্য <devsite-expandable> কাস্টম এলিমেন্টের button এলিমেন্টে expand-control ক্লাস যোগ করে।
অনেক অপশন উপলব্ধ
একবার প্রসারিত করুন
নিম্নলিখিত উদাহরণটি <devsite-expandable> কাস্টম উপাদানের মধ্যে একটি লিঙ্কে expand-control once যোগ করে যা ক্লিক করার সময় অতিরিক্ত সামগ্রী দেখায় এবং তারপর পৃষ্ঠা থেকে অদৃশ্য হয়ে যায়।
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
আরও...ডুইস অউট ইরিউর ডলোর ইন রিপ্রেহেন্ডারিট ইন ভোলুপ্টেট ভেলিট এসসে সিলাম ডলোরে ইউ ফুগিয়াট নুলা প্যারিয়াতুর। ব্যতীত sint occaecat cupidatat non proident, Sunt in culpa qui officia deserunt mollit anim id est laborum.
লিঙ্ক করার সময় স্বয়ংক্রিয়ভাবে প্রসারিত করুন
নিচের উদাহরণটি <devsite-expandable> কাস্টম এলিমেন্টে একটি #sample1 আইডি যোগ করে যা পৃষ্ঠা লোডের অংশটিকে স্বয়ংক্রিয়ভাবে প্রসারিত করে যখন আপনি এটিতে লিঙ্ক করেন।
লিঙ্ক করার সময় কীভাবে স্বয়ংক্রিয়ভাবে প্রসারিত করবেন
এই প্রসারণযোগ্য বিভাগটি বন্ধ করুন, উপরের #sample1 লিঙ্কটিতে ক্লিক করুন, তারপর এই প্রসারণযোগ্য বিভাগটিকে স্বয়ংক্রিয়ভাবে প্রসারিত করতে পৃষ্ঠাটি পুনরায় লোড করুন৷
Code block within the 'Auto-expand on linking' demo.
ডিফল্টরূপে খুলুন
নিম্নলিখিত উদাহরণটি ডিফল্টরূপে প্রসারণযোগ্য খোলার জন্য <devsite-expandable> কাস্টম উপাদানটিতে expanded বৈশিষ্ট্য যোগ করে।
ডিফল্টরূপে প্রসারিত
ডিফল্টরূপে খুললে দুর্দান্ত হয় যখন আপনার কাছে প্রচুর প্রসারণযোগ্য, যেমন রিলিজ নোটের জন্য, তবে আপনি সাম্প্রতিকটি খোলা রাখতে চান।