Placeholder documentation update

pnp · Dec 20, 2018 · 194adda · 194adda
1 parent 96885fc
commit 194adda
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/docs/documentation/docs/controls/Placeholder.md b/docs/documentation/docs/controls/Placeholder.md
@@ -16,12 +16,11 @@ import { Placeholder } from "@pnp/spfx-controls-react/lib/Placeholder";
 - Use the `Placeholder` control in your code as follows:
 
 ```TypeScript
-<Placeholder
-  iconName='Edit'
-  iconText='Configure your web part'
-  description='Please configure the web part.'
-  buttonLabel='Configure'
-  onConfigure={this._onConfigure} />
+<Placeholder iconName='Edit'
+             iconText='Configure your web part'
+             description='Please configure the web part.'
+             buttonLabel='Configure'
+             onConfigure={this._onConfigure} />
 ```
 
 - With the `onConfigure` property you can define what it needs to do when you click on the button. Like for example opening the property pane:
@@ -33,6 +32,17 @@ private _onConfigure() {
 }
 ```
 
+Sample of using the `hideButton` functionality for hiding the button when page is in read mode:
+
+```TypeScript
+<Placeholder iconName='Edit'
+             iconText='Configure your web part'
+             description='Please configure the web part.'
+             buttonLabel='Configure'
+             hideButton={this.props.displayMode === DisplayMode.Read}
+             onConfigure={this._onConfigure} />
+```
+
 ## Implementation
 
 The placeholder control can be configured with the following properties: