Three market rows that drift on a random walk, each updated price flashing green or red for a beat while its percent pill pops to the new value.
The import and the props worth knowing about, in one place.
import { Money27 } from "@/components/beste/piece/money27";
<Money27
tickers={[
{
"symbol": "BTC",
"name": "Bitcoin",
"price": 64120.5
},
{
"symbol": "ETH",
"name": "Ethereum",
"price": 3412.2
},
{
"symbol": "AAPL",
"name": "Apple",
"price": 189.35
}
]}
/>Checkout sheet whose pay button turns into a spinner, then a green check with a ring rippling out of it, before resetting for the next run.
Practice
PopularA compact plan card with a name, an optional highlight badge, a price with period, and a short list of included features.
Payment card that swings in from a slight 3D angle, uncovers its masked number one group at a time, and fades in the holder name and expiry last.
The amount hops out of the sender's tile and arcs along a filling track, then lands with a ring and floats a credit chip above the recipient.