Modal

Diálogos modales.

TriggerPreview
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Abrir modal
</button>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">Contenido del modal con tokens vhoda.</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save</button>
      </div>
    </div>
  </div>
</div>
Design
Menú
Fundamentos
Introducción Colores Tipografía Spacing Temas
Marca vhoda
Project card CTA narrativo Hub form Uline titles Nav sticky Offcanvas glass Hero landing Footer Clients grid Splash
Bootstrap
Accordion Alerts Badge Breadcrumb Buttons Button group Card Close Collapse Dropdown Forms List group Modal Navbar Navs & tabs Offcanvas Pagination Placeholders Popovers Progress Spinners Tables Toasts Tooltips