ਮਟੀਰੀਅਲ UI — ਵਿਸਤਾਰ ਪੈਨਲ ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਅਤੇ ਪ੍ਰੋਗਰੈਸ ਸਪਿਨਰ

ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ ਸਾਡੇ ਸਾਧਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਮਟੀਰੀਅਲ UI ਇੱਕ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਪ੍ਰਤੀਕਿਰਿਆ ਲਈ ਬਣਾਈ ਗਈ ਹੈ।

ਇਹ ਰੀਐਕਟ ਕੰਪੋਨੈਂਟਸ ਦਾ ਇੱਕ ਸੈੱਟ ਹੈ ਜਿਸ ਵਿੱਚ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਸਟਾਈਲ ਹਨ।

ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਦੇਖਾਂਗੇ ਕਿ ਕਿਵੇਂ ਵਿਸਤਾਰ ਪੈਨਲਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਹੈ ਅਤੇ ਸਮੱਗਰੀ UI ਨਾਲ ਪ੍ਰਗਤੀ ਸਪਿਨਰ ਕਿਵੇਂ ਸ਼ਾਮਲ ਕਰਨਾ ਹੈ।



ਵਧੀਕ ਕਾਰਵਾਈਆਂ

ਅਸੀਂ ਵਿਸਤਾਰ ਪੈਨਲਾਂ ਵਿੱਚ ਵਾਧੂ ਕਾਰਵਾਈਆਂ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਾਂ।

ਉਦਾਹਰਨ ਲਈ, ਅਸੀਂ ਲਿਖ ਸਕਦੇ ਹਾਂ:

|_+_|

ਸਿਰਲੇਖ ਵਿੱਚ ਟੈਕਸਟ ਦੇ ਕੋਲ ਇੱਕ ਚੈਕਮਾਰਕ ਦੇ ਨਾਲ ਇੱਕ ਵਿਸਥਾਰ ਪੈਨਲ ਜੋੜਨ ਲਈ।

ਅਸੀਂ ਇੱਕ |_+_| ਨੇਸਟ ਕੀਤਾ |_+_| ਨਾਲ ਇੱਕ ਚੈਕਬਾਕਸ ਜੋੜਨ ਲਈ ਕੰਪੋਨੈਂਟ ਅਤੇ |_+_| ਭਾਗ.

ਸਾਨੂੰ |_+_| ਲਈ ਇਵੈਂਟ ਹੈਂਡਲਰ ਸ਼ਾਮਲ ਕਰਨੇ ਪੈਣਗੇ ਅਤੇ |_+_| |_+_| ਵਿੱਚ ਪ੍ਰੋਪਸ s ਤਾਂ ਕਿ ਚੈਕਬਾਕਸ ਦੇ ਕਲਿੱਕ ਇਵੈਂਟ ਵਿਸਤਾਰ ਪੈਨਲ ਸਾਰਾਂਸ਼ ਵਿੱਚ ਪ੍ਰਸਾਰਿਤ ਨਾ ਹੋਣ।

medium.com

ਮਟੀਰੀਅਲ UI — ਵਿਸਤਾਰ ਪੈਨਲ ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਅਤੇ ਪ੍ਰੋਗਰੈਸ ਸਪਿਨਰ

ਵਿਸਤਾਰ ਪੈਨਲਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਤਰੱਕੀ ਦੇ ਸਪਿਨਰਾਂ ਨੂੰ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਮਟੀਰੀਅਲ UI ਇੱਕ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਪ੍ਰਤੀਕਿਰਿਆ ਲਈ ਬਣਾਈ ਗਈ ਹੈ। ਇਹ ਰੀਐਕਟ ਕੰਪੋਨੈਂਟਸ ਦਾ ਇੱਕ ਸੈੱਟ ਹੈ ਜਿਸ ਵਿੱਚ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਸਟਾਈਲ ਹਨ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਦੇਖਾਂਗੇ ਕਿ ਕਿਵੇਂ ਵਿਸਤਾਰ ਪੈਨਲਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਹੈ ਅਤੇ ਸਮੱਗਰੀ UI ਨਾਲ ਪ੍ਰਗਤੀ ਸਪਿਨਰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ।>

ਇਹ ਵੀ ਵੇਖੋ: