mirror of
https://github.com/tabler/tabler.git
synced 2025-12-22 01:44:25 +04:00
39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
---
|
|
tmp: true
|
|
libs: countup
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h2 class="card-title">CountUp</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup>30000</h1>
|
|
<small>(Default)</small>
|
|
</div>
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup='{"duration":10}'>30000</h1>
|
|
<small>(Duration 10s)</small>
|
|
</div>
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup='{"useGrouping":false}'>30000</h1>
|
|
<small>(No comma)</small>
|
|
</div>
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup='{"separator":" "}'>30000000</h1>
|
|
<small>(Space)</small>
|
|
</div>
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup='{"suffix":"%"}'>30</h1>
|
|
<small>(Suffix)</small>
|
|
</div>
|
|
<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
|
|
<h1 class="mb-0" data-countup='{"prefix":"$"}'>30000</h1>
|
|
<small>(Prefix)</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|