This repository has been archived on 2024-04-04. You can view files and clone it, but cannot push or open issues or pull requests.
tailwindui/react/components/marketing/sections/stats-sections/simple.jsx
2024-01-24 19:02:44 +08:00

25 lines
879 B
JavaScript

const stats = [
{ id: 1, name: 'Transactions every 24 hours', value: '44 million' },
{ id: 2, name: 'Assets under holding', value: '$119 trillion' },
{ id: 3, name: 'New users annually', value: '46,000' },
]
export default function Example() {
return (
<div className="bg-white py-24 sm:py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<dl className="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
{stats.map((stat) => (
<div key={stat.id} className="mx-auto flex max-w-xs flex-col gap-y-4">
<dt className="text-base leading-7 text-gray-600">{stat.name}</dt>
<dd className="order-first text-3xl font-semibold tracking-tight text-gray-900 sm:text-5xl">
{stat.value}
</dd>
</div>
))}
</dl>
</div>
</div>
)
}