data-dismiss

data-dismiss to atrybut HTML używany w frameworku Bootstrap, który jest używany do zamknięcia elementu alert (powiadomienia), modalu (okna dialogowego) lub toast’a (komunikatu popup) po jego wyświetleniu na stronie.

Atrybut data-dismiss jest zazwyczaj stosowany z przyciskiem lub innym elementem, który wywołuje zamknięcie alertu, modalu lub tosta. Można go dodać do dowolnego elementu HTML, ale najczęściej używa się go z przyciskami „zamknij” lub „anuluj”.

Przykładowo, poniżej przedstawiony jest przykład użycia atrybutu data-dismiss w elemencie button w celu zamknięcia modala:

				
					<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Tytuł okna dialogowego</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Treść okna dialogowego
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Anuluj</button>
        <button type="button" class="btn btn-primary">Zapisz zmiany</button>
      </div>
    </div>
  </div>
</div>

W powyższym przykładzie, atrybut data-dismiss=”modal” został dodany do przycisku „x”, który jest używany do zamknięcia modala po jego wyświetleniu. Dzięki temu, użytkownik może kliknąć przycisk „x” lub przycisk „Anuluj”, aby zamknąć modal.

Podsumowując, atrybut data-dismiss jest używany w Bootstrap do zamknięcia elementów takich jak alert, modal czy toast po ich wyświetleniu na stronie. Może być używany z różnymi kontrolkami, takimi jak przyciski, aby zapewnić użytkownikom wygodny sposób zamykania elementów.

Kategorie