Icon Card

A card with an icon and a call to action.

Professional services. Get tailored guidance from Stripe on implementation, complex integrations, or major migrations.

Installation

pnpm dlx shadcn@latest add https://orbit.ruturaj.xyz/r/icon-card.json

Usage

import { Orbit } from "lucide-react"
import { IconCard } from "@/components/icon-card"

export default function Page() {
  return (
    <IconCard
      icon={<Orbit />}
      title="Professional services."
      description="Get tailored guidance on implementation."
      ctaTitle="Contact sales"
      ctaLink="#"
    />
  )
}

Examples

Surface

An icon card with a raised surface background and custom color.

Professional services. Get tailored guidance from Stripe on implementation, complex integrations, or major migrations.

Contact sales