ಮುಖ್ಯ ವಿಷಯಕ್ಕೆ ತೆರಳಿ ಡಾಕ್ಸ್ ನ್ಯಾವಿಗೇಶನ್‌ಗೆ ತೆರಳಿ
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,
      )
    )