Example Listing Card

PreviousNext

An example listing card.

Docs
alpineblock

Preview

Loading preview…
registry/alpine/examples/example-listing-card.tsx
import { ListingCard } from "@/registry/alpine/listing/listing-card"

export function ExampleListingCard() {
  return (
    <ListingCard
      name="Cabin in Thornfield"
      location="An off Grid Experience"
      rating={4.95}
      reviewCount={261}
      imageUrl="https://images.unsplash.com/photo-1542718610-a1d656d1884c"
      className="max-w-xs"
    />
  )
}

Installation

npx shadcn@latest add @alpine/example-listing-card

Usage

import { ExampleListingCard } from "@/components/example-listing-card"
<ExampleListingCard />