Documented stringWithWatermark

Author: SamGraber

README.md

@@ -50,7 +50,7 @@ Angular components that can be added to an application.
 * [ratingBar]()
 * [signaturePad]()
 * [simpleCardList]()
-* [stringWithWatermark]()
+* [stringWithWatermark](/source/components/stringWithWatermark/stringWithWatermark.md)
 * [tabs]()
 * [templateRenderer]()
 * [userRating]()

bootstrapper/misc/misc.html

@@ -71,7 +71,7 @@ <h3>Misc</h3>
 </div>
 
 <div class="form-group">
-	<div><label>String with watermark:</label></div>
+	<div><label><a href="https://github.com/SamGraber/TypeScript-Angular-Components/blob/master/source/components/stringWithWatermark/stringWithWatermark.md"></a> String with watermark:</label></div>
 	<rl-textbox ng-model="misc.text"></rl-textbox>
 	<rl-string-with-watermark string="{{misc.text}}" watermark="(empty)"></rl-string-with-watermark>
 </div>

source/components/stringWithWatermark/stringWithWatermark.md

@@ -0,0 +1,35 @@
+# String with Watermark
+Component for showing a placeholder if the specified string has no value.
+
+### Usage
+```
+<rl-string-with-watermark string="" watermark=""> ... </rl-string-with-watermark>
+```
+### Options
+
+#### `string`
+
+The value that should be displayed.
+
+#### `watermark`
+
+The placeholder that should be shown in place of the string if none is present.
+
+### Full example
+
+A string with a value:
+```
+<rl-string-with-watermark string="Something here" watermark="Placeholder"></rl-string-with-watermark>
+```
+Output:
+```
+<span>Something here</span>
+```
+An empty string:
+```
+<rl-string-with-watermark string="" watermark="Placeholder"></rl-string-with-watermark>
+```
+Output:
+```
+<span class="watermark">Placeholder</span>
+```