الرابط

يعرض مكوّن رابطاً تشعبياً بأنماط وحالات متعددة.

Loading demo: link-real-world

التثبيت

npx sdaia-ui@latest add link

import { Link } from "@/components/ui/link"

<Link href="#">Link text</Link>

استخدم خاصية `size` لتغيير حجم الرابط.

Loading demo: link-size

نمط الرابط الأساسي الافتراضي.

Loading demo: link-default

استخدم `style="محايد"` للحصول على رابط خافت يمتزج مع النص المحيط.

Loading demo: link-neutral

استخدم `inline={true}` لرابط مضمَّن داخل سطر من نص المقالة.

Loading demo: link-inline

تُطبَّق حالة الزيارة تلقائياً عندما يكون المستخدم قد انتقل بالفعل إلى هدف الرابط.

Loading demo: link-visited

استخدم `state="معطَّل"` لمنع التفاعل مع الرابط.

Loading demo: link-disabled

خصائص مكوّن FooterLinkList.

Prop	Type	Default	Required
size	'sm' \| 'md' \| 'lg'	—	optional
variant	'primary' \| 'neutral'	—	optional
inline	boolean	—	optional
disabled	boolean	false	optional
visited	boolean	—	optional
leadingIcon	ReactNode	—	optional
trailingIcon	ReactNode	—	optional
children	ReactNode	—	optional