چت کنید elements as the name suggests can be used for messaging. To make chat bubbles use .chat-bubble class with <p> tag. Wrap your chat bubbles into .chat-content. You must set chat items alignment by extend .chat-item class with .chat-item-{start|end} modifier classes.

شما می توانید خود را قرار دهیدavatar into the chat elements. Wrap your avatar into .chat-avatar class.

من

consectetur adipisicing elit، sed do eiusmod tempor.

Lorem ipsum dolor sit amet.

1 ساعت پیش

چارلی

Consectetur adipisicing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2 ساعت پیش

بخش چت عنصری است که می تواند برای علامت گذاری بخش زمان استفاده شود، به مثال نگاه کنید.

تغییر رنگ حباب با.chat-bubble-{color} modifier classes to differentiate each chat bubbles.

برای ایجاد پیام ذکر شده می توانید حباب چت را در حباب دیگری قرار دهید.

من

Lorem ipsum dolor sit amet.

Duis aute irure dolor in

1 ساعت پیش

چارلی

Duis aute irure dolor in

Excepteur sint occaecat cupidatat non proident, sunt in.

2 ساعت پیش

من

Porta.zip

Cras justo odio

Lorem ipsum dolor sit amet.

Duis aute irure dolor in

3 ساعت پیش