قابل توسیع ویجیٹ حسب ضرورت عنصر <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 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.
مزید...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 ID کا اضافہ کرتی ہے جو صفحہ لوڈ پر سیکشن کو خود بخود پھیلا دیتا ہے جب آپ اس سے لنک کرتے ہیں۔
لنک کرنے پر خود بخود توسیع کیسے کریں۔
اس قابل توسیع حصے کو بند کریں، اوپر والے #sample1 لنک پر کلک کریں، پھر اس قابل توسیع حصے کو خود بخود پھیلانے کے لیے صفحہ کو دوبارہ لوڈ کریں۔
Code block within the 'Auto-expand on linking' demo.
بطور ڈیفالٹ کھولیں۔
درج ذیل مثال میں expanded خصوصیت کو <devsite-expandable> کسٹم عنصر میں شامل کیا گیا ہے تاکہ قابل توسیع کو بطور ڈیفالٹ کھلا جائے۔
بطور ڈیفالٹ توسیع شدہ
ڈیفالٹ کے ذریعے کھولنا بہت اچھا ہوتا ہے جب آپ کے پاس بہت ساری توسیع پذیر چیزیں ہوں، جیسے کہ ریلیز نوٹس، لیکن آپ تازہ ترین کو کھلا رکھنا چاہتے ہیں۔