ButtonLinkBox

import { ButtonLinkBox } from '@megafon/ui-shared';

Примеры и код
Свойства и методы

Контент

Кнопка со ссылкой

<ButtonLinkBox
  buttonTitle="Кнопка"
  buttonUrl="#"
  linkTitle="Ссылка"
  linkUrl="#"
  className="custom-class"
/>

Только кнопка

<ButtonLinkBox
  buttonTitle="Кнопка"
  buttonUrl="#"
/>

Только ссылка

<ButtonLinkBox
  linkTitle="Ссылка"
  linkUrl="#"
/>

Горизонтальное выравнивание

<ButtonLinkBox
  buttonTitle="Кнопка"
  buttonUrl="#"
  linkTitle="Ссылка"
  linkUrl="#"
  align="center"
/>

Цвет кнопки c типом primary


  <ButtonLinkBox
      buttonColor='green'
      buttonType='primary'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />
  <ButtonLinkBox
      buttonColor='purple'
      buttonType='primary'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />
  <ButtonLinkBox
      buttonColor='green-soft'
      buttonType='primary'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />
  <ButtonLinkBox
      buttonColor='purple-soft'
      buttonType='primary'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />

Цвет кнопки с типом outline


  <ButtonLinkBox
      buttonColor='green'
      buttonType='outline'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />
  <ButtonLinkBox
      buttonColor='purple'
      buttonType='outline'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />
  <ButtonLinkBox
      buttonColor='black'
      buttonType='outline'
      buttonTitle="Кнопка"
      buttonUrl="#"
  />

Правила использования зеленого фона

запрещено использовать ссылку
кнопка должна быть фиолетовой

<ButtonLinkBox
  buttonTitle="Кнопка"
  buttonUrl="#"
  buttonColor="purple"
  align="center"
/>