A
Anonymous

Button Demo - Copy this React, Tailwind Component to your project

// Dependencies: pnpm install lucide react import { Button } from "@/components/ui/button"; import AvatarImg from "@/public/avatar.jpg"; import { ChevronDown } from "lucide react"; import Image from "next/image"; export default function ButtonDemo() { return ( <Button variant="ghost" className="h auto p 0 hover:bg transparent"> <Image className="rounded full" src={AvatarImg} alt="Profile image" width={40} height={40} aria hidden="true" /> <ChevronDown size={16} strokeWidth={2} className="ms 2 opacity 60" aria hidden="true" /> </Button> ); }

Prompt
Component Preview

About

ButtonDemo - A sleek button with a ghost variant, featuring a rounded avatar and ChevronDown icon, professionally built with React and Tailwind. Get code instantly!

Share

Last updated 1 month ago