import { Caption } from '@megafon/ui-core';
<Caption> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <div style={{ width: '10em' }}> <Caption space="tight"> Кэпшн в узком контейнере </Caption> </div>
<Caption hasMargin={false}> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <Caption hasMargin={false}> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption>
<Caption align="left"> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption>
<Caption align="center"> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption>
<Caption align="right"> При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption>
<Caption color="default"> 'content' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <Caption color="gray"> 'gray' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <DemoBackgroundWrapper> <Caption color="white"> 'white' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> </DemoBackgroundWrapper> <Caption color="green"> 'green' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <Caption color="purple"> 'purple' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption> <Caption color="inherit"> 'inherit' - При подключении тарифа на вашем счёте должна быть сумма, достаточная для списания абонентской платы за месяц и дополнительных услуг, указанных в заявке. </Caption>
Код 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 | Поведение текста при встраивании в широкий или узкий контейнер |
variant | "normal" | "medium" | normal | Начертание шрифта: обычный или полужирный |
hasMargin | boolean | true | Вертикальный отступ |
color | ColorType | default | Цвет текста |
className | string | Дополнительный класс корневого элемента | |
dataAttrs | { root?: Record<string, string>; } | Дополнительные data атрибуты к внутренним элементам | |
children | ReactNode | Дочерние элементы |