Components
Crypto/Fiat
Dual-denomination amount field: type in dollars or units, and the toggle flips which one you are editing while the counter-value rides underneath. The headline steps down through font-size tiers as the number grows, so long amounts stay crisp instead of overflowing, and each digit that actually changed blurs and pops into place. Light and dark via shadcn theme tokens; respects reduced motion.
import { useEffect } from "react"
import { Demo } from "@/components/ui/crypto-fiat"
export default function DemoOne() {
// open the preview in dark by default; the sandbox theme toggle still works
useEffect(() => { document.documentElement.classList.add("dark") }, [])
return (
<div className="w-full">
<Demo />
</div>
)
}
Dependencies
Published
Similar components
Explore more
Part of ssicevs — browse the full library on 21st.dev.