Quickview documentation A container for your most used data or forms, e.g. user activity, messages, settings, etc.

<!-- Button trigger quickview -->
<button class="btn btn-primary" data-toggle="quickview" data-target="#qv-minimal">See demo</button>
<a class="btn btn-primary" data-toggle="quickview" href="#qv-minimal">See demo</a>

<!-- Minimal example -->
<div id="qv-minimal" class="quickview">
  <div class="quickview-body">
    ...
  </div>
</div>

<div id="qv-basic" class="quickview">
  <header class="quickview-header">
    <p class="quickview-title">Quickview title</p>
    <span class="close"><i class="ti-close"></i></span>
  </header>

  <div class="quickview-body">
    <div class="quickview-block">
      ...
    </div>
  </div>

  <footer class="quickview-footer">
    <button class="btn btn-primary">Submit</button>
    <button class="btn btn-secondary" data-dismiss="quickview">Cancel</button>
  </footer>
</div>

<!-- Trigger button -->
<button class="btn btn-primary" data-toggle="quickview" data-target="#qv-ajax" data-url="path/to/ajax.php">See demo</button>

<!-- Quickview markup -->
<div id="qv-ajax" class="quickview"></div>

<!-- Quickview markup -->
<div id="qv-url" class="quickview" data-url="path/to/quickview.html"></div>