Special Button
Props#
offer#
Note: Type of offer
is string
and it is optional props.
Example#
<div className="d-inline-flex">
<SpecialButton>
<Typography size="16" weight="bold">
۵۰,۰۰۰ تایی
</Typography>
<Typography type="span" size="11">
+ ۱۵٪ نمایش بیشتر
</Typography>
<Typography type="span" size="11">
+ دکمه CTA
</Typography>
</SpecialButton>
<SpecialButton offer="پیشنهاد ویژه">
<Typography size="16" weight="bold">
۷۰,۰۰۰ تایی
</Typography>
<Typography type="span" size="11">
+ ۱۵٪ نمایش بیشتر
</Typography>
<Typography type="span" size="11">
+ دکمه CTA
</Typography>
</SpecialButton>
</div>
isSelected#
Note 1: Type of isSelected
is boolean
and it is optional props.
Note 2: Default is false
.
Example#
<div className="d-inline-flex">
<SpecialButton>
<Typography size="16" weight="bold">
۵۰,۰۰۰ تایی
</Typography>
<Typography type="span" size="11">
+ ۱۵٪ نمایش بیشتر
</Typography>
<Typography type="span" size="11">
+ دکمه CTA
</Typography>
</SpecialButton>
<SpecialButton offer="پیشنهاد ویژه">
<Typography size="16" weight="bold">
۷۰,۰۰۰ تایی
</Typography>
<Typography type="span" size="11">
+ ۱۵٪ نمایش بیشتر
</Typography>
<Typography type="span" size="11">
+ دکمه CTA
</Typography>
</SpecialButton>
</div>