✍️ Компоненты: текст

Текстовых компонентов пять: Text, Title, Caption, Label и Markdown. Их значение обычно привязано к данным.

🔤 Общие свойства

• value — строка или привязка (value={order.title}).
• color — токен: default, secondary, tertiary, emphasis, success, danger …
• weight — normal | medium | semibold | bold
• textAlign — start | center | end
• truncate — обрезает одну строку многоточием.
• maxLines — ограничивает число строк.

📝 Text

Основной текст. Дополнительно: size (xs … xl), italic, lineThrough.

<Text value={order.note} size="sm" color="secondary" maxLines={2} />

🔠 Title

Заголовок. size: xs | sm | md | lg | xl | 2xl | 3xl.

<Title value={hotel.name} size="lg" />

🏷 Caption

Мелкий пояснительный текст. size: sm | md | lg.

🔖 Label

Подпись поля формы. Свойства: value, fieldName (к какому полю относится), size, weight.

<Label value="Ваше имя" fieldName="name" />
<Input name="name" placeholder="Имя" required />

📄 Markdown

Отрисовывает markdown — списки, жирный текст, ссылки. Удобно для длинного ответа агента.

<Markdown value={answer} />

💡 Советы

• Окно чата узкое — для длинных строк используйте maxLines или truncate.
• Для второстепенной информации естественнее всего color="secondary" вместе с size="sm".