Link Card

Dahili ve harici hedefleri zengin içerikle sunan bağlantı kartı.

LinkCard.tsx

DokümantasyonBileşen kataloğuCanlı örnekleri, kaynak kodunu ve API ayrıntılarını keşfedin.

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/link-card.json

Kullanım Örneği

import { LinkCard } from "@/components/data-display"

<LinkCard href="/docs" title="Bileşenler" description="Tüm bileşenleri ve API'lerini keşfedin." eyebrow="Dokümantasyon" />

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
href	string	—	Kartın hedef adresi.
title	ReactNode	—	Bağlantının ana başlığı.
description	ReactNode	—	Destekleyici açıklama.
icon	ReactNode	—	Başta gösterilen dekoratif ikon.
eyebrow	ReactNode	—	Başlığın üzerindeki kategori etiketi.
external	boolean	false	Güvenli yeni sekme davranışıyla harici bağlantı üretir.