Paragraph

import { Paragraph } from '@megafon/ui-core';

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

Базовое использование

<Paragraph>
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

<div style={{ width: '12em' }}>
  <Paragraph space="tight">
      Параграф в узком контейнере
  </Paragraph>
</div>

Без отступа снизу

<Paragraph hasMargin={false}>
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>
<Paragraph hasMargin={false}>
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

Выравнивание

По левому краю

<Paragraph align="left">
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

По центру

<Paragraph align="center">
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

По правому краю

<Paragraph align="right">
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

Цвета

<Paragraph color="default">
  'content' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

<Paragraph color="gray">
  'gray' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

<DemoBackgroundWrapper>
  <Paragraph color="white">
      'white' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
  </Paragraph>
</DemoBackgroundWrapper>

<Paragraph color="green">
  'green' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

<Paragraph color="purple">
  'purple' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

<Paragraph color="inherit">
  'inherit' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы
  за месяц и дополнительных услуг, указанных в заявке.
</Paragraph>

Код DemoBackgroundWrapperexport const DemoBackgroundWrapper: React.FC = ({ children }) => (
    <div style={{ background: '#00B956' }}>
        {children}
    </div>
);