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>