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>);
Prop name | Type | Default | Description |
---|---|---|---|
align | "left" | "center" | "right" | Выравнивание по горизонтали | |
space | "wide" | "tight" | wide | Поведение текста при встраивании в широкий или узкий контейнер |
hasMargin | boolean | true | Вертикальный отступ |
color | ColorType | default | Цвет текста |
className | string | Дополнительный класс корневого элемента | |
dataAttrs | { root?: Record<string, string>; } | Дополнительные data атрибуты к внутренним элементам | |
children* | ReactNode | Дочерний элемент компонента |