الاقتباس

مكوّن اقتباس لإبراز الاقتباسات والشهادات. متوفر بأربعة أنماط مع دعم RTL.

Loading demo: quote-real-world

التثبيت

npx sdaia-ui@latest add quote

import { Quote } from "@/components/ui/quote"

<Quote style="standard" />

اقتباس نصي معياري مع علامات الاقتباس.

Loading demo: quote-standard

تخطيط اقتباس مرتكز في المنتصف للشهادات ونقاط الإبراز.

Loading demo: quote-centered

الاقتباس مع صورة المؤلف معروضة جانب النص.

Loading demo: quote-author-image

الاقتباس مع معلومات المؤلف معروضة جانبياً.

Loading demo: quote-author-side

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

Prop	Type	Default	Required
style	'standard' \| 'centered' \| 'author-image' \| 'author-side'	'standard'	optional
title	string	'Title of quote'	optional
quote	string	'" The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept. "'	optional
authorName	string	'Ali Al-Farsi'	optional
authorRole	string	'Founder'	optional
showStar	boolean	true	optional
imageSrc	string	-	optional
imageAlt	string	''	optional
className	string	-	optional