PDP UI/UX qo‘llanma · v0.14.28
Rasmiy brendPDP Chat
Har PDP chati — Pdgram, Talk, jamoa chati — shu ota qismlardan quriladi: karkas, ro‘yxat, pufakcha, yozish paneli va holatlar.
Hech narsa topilmadi. Boshqa so‘z bilan urinib ko‘ring.
Ko‘lam — raqamlarda
Yig‘ishda manbadan sanaladi · 08.10.2026
- 6bo‘lim
- 19jonli namuna
- 19hujjat bloki
- 29.eco-* komponent klassi
Chat karkasi [Chat shell]
Chat karkasi: rels, ro‘yxat, suhbat va o‘ng panel
Har PDP chatining uch panelli karkasi; kerak bo‘lsa to‘rtinchi panel (ma’lumot yoki thread) ochiladi. Light — kulrang kanvas va oq kartalar.
Suhbatlar ro‘yxati [Chat list]
Suhbatlar ro‘yxati: qator holatlari va papkalar
Bir qatorda avatar, nom, oxirgi xabar, vaqt va belgilar. Holat har doim rangdan tashqari ikonka yoki matn bilan ham beriladi.
Xabar pufakchasi [Message bubble]
Xabar pufakchasi: kiruvchi, chiquvchi va tarkib turlari
Chiquvchi — och brend tusi, kiruvchi — neytral. Ketma-ket xabarlar guruhlanadi; vaqt, belgi va reaksiya pufakchaga xalaqit bermaydi.
Yozish paneli [Composer]
Yozish paneli: matn, ovoz, javob va eslatma
Biriktirish, maydon va bitta brend tugma. Matn yo‘q bo‘lsa — mikrofon, bor bo‘lsa — yuborish; javob va tahrir qatori tepada.
Holatlar [States]
Holatlar: bo‘sh, yuklanmoqda, oflayn, ruxsat yo‘q
Sekin tarmoq va arzon telefon — birinchi darajali holat: skelet, oflayn banner va navbatdagi xabar doim ko‘rinadi.
Mobil [Mobile]
Mobil: ro‘yxat va suhbat alohida ekranlar
Telefonda ro‘yxat va suhbat bitta ustunda almashadi; Moddalar web bilan bir xil, faqat ramka va pastki panel mobilniki.