Sveltejs Academy · पाठ

Slot की वैकल्पिक सामग्री

जब पैरेंट कुछ प्रदान न करे, तब के भीतर डिफ़ॉल्ट सामग्री रेंडर करें।

पाठ 3, कुल 4 में से13 चरण

Slot की वैकल्पिक सामग्री, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

स्लॉट के अंदर डिफ़ॉल्ट सामग्री

जब पैरेंट कुछ नहीं देता, तब <slot> टैग के अंदर रखी गई सामग्री दिखाई जाती है।

<button>
  <slot>Click me</slot>
</button>

उपयुक्त डिफ़ॉल्ट

ऐसे उपयोगी डिफ़ॉल्ट दें, जो पैरेंट की भागीदारी के बिना अधिकांश मामलों में काम करें।

नामित स्लॉट की वैकल्पिक सामग्री

नामित स्लॉट भी वैकल्पिक सामग्री का समर्थन करते हैं।

<slot name="title">Default Title</slot>

प्रति स्लॉट रणनीति

आप हर स्लॉट के लिए अलग वैकल्पिक सामग्री रणनीति रख सकते हैं। आवश्यकता के अनुसार इन्हें मिलाएँ।

भरने पर प्रतिस्थापित

यदि पैरेंट सामग्री देता है, तो वैकल्पिक सामग्री पूरी तरह प्रतिस्थापित हो जाती है।

हेडलेस घटकों के लिए उपयोगी

हेडलेस UI घटकों में अक्सर बहुत कम वैकल्पिक सामग्री होती है; उपयोगकर्ता उन्हें पूरी तरह अनुकूलित करते हैं।

भारी वैकल्पिक सामग्री से बचें

डिफ़ॉल्ट सामग्री छोटी रखें। बड़ी वैकल्पिक सामग्री अनुपयोगी घटकों का आकार बढ़ा देती है।

आइकन और लेबल

आइकन बटन के लिए यह सामान्य है: यदि कोई आइकन न दिया जाए, तो वैकल्पिक सामग्री एक सामान्य आइकन दिखाती है।

शर्तों के साथ संयोजन

उन्नत तरीकों के लिए वैकल्पिक सामग्री को $$slots जाँच के साथ अच्छी तरह जोड़ा जा सकता है।

क्या मार्कअप की अनुमति नहीं है

वैकल्पिक सामग्री में किसी भी प्रकार का मार्कअप, यहाँ तक कि अन्य घटक भी, शामिल हो सकते हैं।

दृश्य परीक्षण

वैकल्पिक सामग्री देखने के लिए अपने घटक का हमेशा बिना किसी स्लॉट सामग्री के पूर्वावलोकन करें।

त्वरित जाँच

स्लॉट की वैकल्पिक सामग्री कब दिखाई देती है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

जब पैरेंट सामग्री न दे, तब वैकल्पिक सामग्री उपलब्ध कराने के लिए <slot> टैग के बीच डिफ़ॉल्ट सामग्री रखें।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 41
पाठ: 163

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “Slot की वैकल्पिक सामग्री” पाठ निःशुल्क है?

हाँ—“Slot की वैकल्पिक सामग्री” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“Slot की वैकल्पिक सामग्री” में मैं क्या सीखूँगा?

जब पैरेंट कुछ प्रदान न करे, तब के भीतर डिफ़ॉल्ट सामग्री रेंडर करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“Slot की वैकल्पिक सामग्री” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Sveltejs Academy पर वापस जाएँ