UI Components
Stat
Cyber Week Mega Offer!
Huge discounts on all Hostinger plans
Use our referral link for an extra 20% off!
# Basic usage
Total users
10,500
Total users
10,500
12.5%Total users
10,500
5%<x-stat icon="users" title="Total users" number="10,500" /><x-stat icon="users" title="Total users" number="10,500" tooltip increase="12.5%" /><x-stat icon="users" title="Total users" number="10,500" tooltip="User decrease" decrease="5%" /># Icon right
Total users
10,500
Total users
10,500
<x-stat icon-right="users" title="Total users" number="10,500" class="w-56" /><x-stat icon-right="users" title="Total users" number="10,500" tooltip increase class="w-64" /># Color variants
Available all tailwind css colors including primary and secondary color.
Total users
10,500
Total users
10,500
Total users
10,500
<x-stat icon-right="users" title="Total users" number="10,500" class="w-56" primary /><x-stat icon-right="users" title="Total users" number="10,500" class="w-56" amber /><x-stat icon-right="users" title="Total users" number="10,500" class="w-56" rose /># Customization
Total users
10,500
<x-stat icon="users" title="Total users" number="10,500" class="w-56 shadow-md shadow-gray-200" rounded-none />