Chat & messages

-- message-left OR -- message-right is a new chatting experience via using FTD lang.

`message-left` & `message-right`

Package Name

fifthtry.github.io/bling

To use these components on your web package, add below into FASTN.ftd file:

-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/chat as chat

-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/chat as chat

Once you add above lines into your web package, add message-left OR message-right into your .ftd files:

-- message-left basic usage example code:

-- chat.message-left: Hellow World! 😀

some body of the chat here

-- end: chat.message-left

-- chat.message-left: Hellow World! 😀

some body of the chat here

-- end: chat.message-left

Hello World! 😀

-- message-right basic usage example code:

-- chat.message-right: Hey Buddy! 👋

some body of the chat here

-- end: chat.message-right

-- chat.message-right: Hey Buddy! 👋

some body of the chat here

-- end: chat.message-right

Hey Buddy! 👋

Hey Buddy!

uis nostrud exercitation ullaril mco labil oris nisi ut aliquip ex ea commo dorli consequa duis aute irure dolor lorii

Below is code:

-- message-left: Hi!
-- ftd.text: Hi!

-- message-left: Hi!
-- ftd.text: Hi!

Yo!

in voluptate velit esse cillum dolor er eu fugiat nulla pariatur. Excepte urla sint occaecat cupidatat nor proident,

Wow! awesome man!:

-- message-right: Yo!
-- ftd.text: Yo!

-- message-right: Yo!
-- ftd.text: Yo!

Sed ut perspiciatis unde omnis isa te natus error sit volupta tem.

🤘

👍👍

Lorem ipsum dolor sit amet,

sed do eiusmod tempor ut

Lorem ipsum

sed do eiusmod