പ്രധാന ഉള്ളടക്കത്തിലേക്ക് പോകുക ഡോക്സ് നാവിഗേഷനിലേക്ക് പോകുക
Check
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,
      )
    )