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
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
-- message-right
basic usage example code:
-- chat.message-right: Hey Buddy! 👋
some body of the chat here
-- end: chat.message-right
Real-life example of a chat, using message
left
& right
:
Hey Buddy!
uis nostrud exercitation ullaril mco labil oris nisi ut aliquip ex ea commo
dorli consequa duis aute irure dolor lorii
-- 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,
-- message-right: Yo!
-- ftd.text: Yo!
Sed ut perspiciatis unde omnis isa te natus error sit volupta tem.
Lorem ipsum dolor sit amet,