Wallet Card

A WalletCard component renders a card with account details, balance, and network icon. It shows interactions like hover and active states. Use it to display financial accounts in a wallet interface.

byEdu Calvo from Smoothui

Installation

terminal

pnpm dlx layro-cli add @educlopez/wallet-card

npx layro-cli add @educlopez/wallet-card

npx layro-cli add @educlopez/wallet-card

bunx layro-cli add @educlopez/wallet-card

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client";

import SmoothButton from "@/components/smoothui/smooth-button";
import { cn } from "@/lib/utils";
import { Eye, EyeOff } from "lucide-react";
import {
  AnimatePresence,
  motion,
  useMotionTemplate,
  useMotionValue,
  useReducedMotion,
  useSpring,
} from "motion/react";
import type { KeyboardEvent, PointerEvent, ReactNode } from "react";