ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
in English

ਦਿੱਖ

ਦਿੱਖ ਉਪਯੋਗਤਾਵਾਂ ਦੇ ਨਾਲ, ਉਹਨਾਂ ਦੇ ਡਿਸਪਲੇ ਨੂੰ ਸੋਧੇ ਬਿਨਾਂ, ਤੱਤਾਂ ਦੀ ਦਿੱਖ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰੋ।

visibilityਸਾਡੀ ਦਿੱਖ ਉਪਯੋਗਤਾਵਾਂ ਦੇ ਨਾਲ ਤੱਤਾਂ ਦਾ ਸੈੱਟ ਕਰੋ । ਇਹ ਉਪਯੋਗਤਾ ਕਲਾਸਾਂ displayਮੁੱਲ ਨੂੰ ਬਿਲਕੁਲ ਨਹੀਂ ਸੰਸ਼ੋਧਿਤ ਕਰਦੀਆਂ ਹਨ ਅਤੇ ਲੇਆਉਟ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦੀਆਂ ਹਨ - .invisibleਤੱਤ ਅਜੇ ਵੀ ਪੰਨੇ ਵਿੱਚ ਥਾਂ ਲੈਂਦੇ ਹਨ।

.invisibleਕਲਾਸ ਦੇ ਨਾਲ ਤੱਤ ਵਿਜ਼ੂਲੀ ਅਤੇ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ/ਸਕ੍ਰੀਨ ਰੀਡਰ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਲੁਕਾਏ ਜਾਣਗੇ।

ਲਾਗੂ ਕਰੋ .visibleਜਾਂ .invisibleਲੋੜ ਅਨੁਸਾਰ.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

ਸੱਸ

ਉਪਯੋਗਤਾ API

ਵਿਜ਼ੀਬਿਲਟੀ ਯੂਟਿਲਿਟੀਜ਼ ਨੂੰ ਸਾਡੀ ਯੂਟਿਲਿਟੀਜ਼ API ਵਿੱਚ ਘੋਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ scss/_utilities.scssਯੂਟਿਲਿਟੀਜ਼ API ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਬਾਰੇ ਜਾਣੋ।

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )