✍️ Komponentlar: matn

Matn komponentlari besh xil: Text, Title, Caption, Label va Markdown. Ularning qiymati odatda ma’lumotga bog‘lanadi.

🔤 Umumiy xossalar

• value — matn yoki bog‘lash (value={order.title}).
• color — rang tokeni: default, secondary, tertiary, emphasis, success, danger …
• weight — normal | medium | semibold | bold
• textAlign — start | center | end
• truncate — bir qatorga sig‘masa uch nuqta bilan qirqadi.
• maxLines — ko‘pi bilan shuncha qator ko‘rsatadi.

📝 Text

Asosiy matn. Qo‘shimcha xossalar: size (xs … xl), italic, lineThrough.

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

🔠 Title

Sarlavha. size: xs | sm | md | lg | xl | 2xl | 3xl.

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

🏷 Caption

Kichik izoh matni. size: sm | md | lg.

🔖 Label

Forma maydonining yozuvi. Xossalari: value, fieldName (qaysi maydonga tegishli), size, weight.

<Label value="Ismingiz" fieldName="name" />
<Input name="name" placeholder="Ism" required />

📄 Markdown

Markdown matnini chizadi — ro‘yxatlar, qalin matn, havolalar. Agent yozgan uzun javobni ko‘rsatishga qulay.

<Markdown value={answer} />

💡 Maslahat

• Chat oynasi tor — uzun matnlarda maxLines yoki truncate dan foydalaning.
• Ikkilamchi ma’lumot uchun color="secondary" va size="sm" juftligi eng tabiiy ko‘rinadi.