Skip to main content

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>