+
@@ -151,6 +194,7 @@ Conversation.propTypes = {
delay: PropTypes.number,
height: PropTypes.number,
turnOffLoop: PropTypes.bool,
+ isScrollable: PropTypes.bool,
messages: PropTypes.arrayOf(
PropTypes.shape({
message: PropTypes.string,
diff --git a/src/stories/chat.js b/src/stories/chat.js
index beb4f59..ff5a298 100644
--- a/src/stories/chat.js
+++ b/src/stories/chat.js
@@ -69,4 +69,31 @@ storiesOf('Chat', module)
);
+})
+.add('Chat configured styles and ends at the last message and allows the user to add and scroll messages', () => {
+ const messagesForConversation = [
+ {
+ type: 'typing',
+ duration: 500,
+ inbound: true,
+ },
+ {
+ message: 'Press enter to write a message',
+ inbound: true,
+ backColor: 'white',
+ duration: 1000,
+ },
+ ];
+ const historicMessages = [
+ {
+ message: 'Type in the input box below',
+ inbound: true,
+ backColor: 'white',
+ },
+ ];
+ return (
+
+
+
+ );
});