diff --git a/README.md b/README.md
index f4a2612f2..a24868a10 100644
--- a/README.md
+++ b/README.md
@@ -102,7 +102,7 @@ class App extends Component {
export default App;
```
-4- Customize the widget to match your app design! You can add both props to manage the title of the widget, the avatar it will use and of course, you can change, from the CSS, the styles the widget will have.
+4- Customize the widget to match your app design! You can add both props to manage the title of the widget and the avatar it will use. Of course, feel free to change the styles the widget will have in the CSS
```js
import React, { Component } from 'react';
@@ -141,11 +141,12 @@ export default App;
#### Props
+- **handleNewUserMessage:** (PropTypes.func.isRequired) Function to handle the user input, will receive the full text message when submitted
- **title:** (PropTypes.string) Title of the widget
- **subtitle:** (PropTypes.string) Subtitle of the widget
- **senderPlaceHolder:** (PropTypes.string) The placeholder of the message input
-- **profileAvatar:** (PropTypes.string.isRequired) The profile image that will be set on the responses
-- **handleNewUserMessage:** (PropTypes.func.isRequired) Function to handle the user input, will receive the full text message when submitted
+- **profileAvatar:** (PropTypes.string) The profile image that will be set on the responses
+- **showCloseButton:** (PropTypes.bool) Show or hide the close button in full screen mode
#### Styles
@@ -198,6 +199,18 @@ In order to add new messages, you are provided with the following methods:
**Markdown is supported for the responses and user messages.**
+#### Widget behavior
+
+You can also control certain actions of the widget:
+
+- **toggleWidget**
+ - params: No params expected
+ - This method is to toggle the widget at will without the need to trigger the click event on the launcher
+
+- **toggleInputDisabled**
+ - params: No params expected
+ - Method to toggle the availability of the message input for the user to write on
+
## About
This project is maintained by [MartÃn Callegari](https://github.com/mcallegari10) and it was written by [Wolox](http://www.wolox.com.ar).
diff --git a/index.js b/index.js
index 220cfe88e..c7a7d91cb 100644
--- a/index.js
+++ b/index.js
@@ -4,7 +4,8 @@ import {
addResponseMessage,
addLinkSnippet,
renderCustomComponent,
- toggleWidget
+ toggleWidget,
+ toggleInputDisabled
} from './src/store/actions/dispatcher';
export {
@@ -13,5 +14,6 @@ export {
addResponseMessage,
addLinkSnippet,
renderCustomComponent,
- toggleWidget
+ toggleWidget,
+ toggleInputDisabled
};
diff --git a/src/components/Widget/components/Conversation/components/Header/index.js b/src/components/Widget/components/Conversation/components/Header/index.js
index 0a161494c..a29aaf24d 100644
--- a/src/components/Widget/components/Conversation/components/Header/index.js
+++ b/src/components/Widget/components/Conversation/components/Header/index.js
@@ -1,17 +1,26 @@
import React from 'react';
import PropTypes from 'prop-types';
+import close from 'assets/clear-button.svg';
import './style.scss';
-const Header = ({ title, subtitle }) =>
+const Header = ({ title, subtitle, toggleChat, showCloseButton }) =>