TitleDescriptionBox

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

Примеры и код

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

Контент

Заголовок и описание

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

Только заголовок

<TitleDescriptionBox
  title="Интернет"
/>

Только описание

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

Несколько описаний

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

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

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

Цвет текста

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

Prop name	Type	Description
dataAttrs	{ root?: Record<string, string>; }	Дополнительные data атрибуты к внутренним элементам
rootRef	Ref<HTMLDivElement>	Ссылка на корневой элемент
className	string	Дополнительный класс корневого элемента
title	ReactNode \| ReactNode[]	Заголовок
description	ReactNode \| ReactNode[]	Описание
textColor	"white"	Цвет текста
align	"center"	Горизонтальное выравнивание