Paragraph

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

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

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

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

Параграф в узком контейнере

<Paragraph>
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для
  списания абонентской платы за месяц и дополнительных услуг, указанных в
  заявке.
</Paragraph>
<div style={{ width: '12em' }}>
  <Paragraph space="tight">Параграф в узком контейнере</Paragraph>
</div>

<Paragraph>
  При подключении тарифа на вашем счёте должна быть сумма, достаточная для
  списания абонентской платы за месяц и дополнительных услуг, указанных в
  заявке.
</Paragraph>
<div style={{ width: '12em' }}>
  <Paragraph space="tight">Параграф в узком контейнере</Paragraph>
</div>

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

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

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

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

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

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

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

По центру

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

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

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

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

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

Цвета

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

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

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

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

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

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

<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>

<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>
);