Merge pull request #124 from influitive/feature/help_tooltip_position

Allow position to be set on help tooltip
influitive · Dec 8, 2015 · 6edf851 · 6edf851
2 parents 50c6fc6 + 8b809e9
commit 6edf851
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/infl-components/help_tooltip.jsx b/infl-components/help_tooltip.jsx
@@ -11,13 +11,14 @@ var HelpTooltip = React.createClass({
 
   getDefaultProps: function(){
     return {
-      title : ""
+      title : "",
+      position : "top"
     };
   },
 
   render : function(){
     return (
-      <Tooltip title={this.props.title} element={<Icon icon="question-circle-o" />}>
+      <Tooltip title={this.props.title} element={<Icon icon="question-circle-o" />} position={this.props.position}>
         {this.props.children}
       </Tooltip>
     );

diff --git a/infl-patternlab/source/js/patterns/molecules/help_tooltip_pattern.jsx b/infl-patternlab/source/js/patterns/molecules/help_tooltip_pattern.jsx
@@ -52,6 +52,12 @@ var HelpTooltipPattern = React.createClass({
         required : false,
         description : "Title of the help tooltip."
       },
+      position : {
+        type : "string",
+        defaultValue : "top",
+        required : false,
+        description : "The position of the tooltip (either top or bottom)."
+      },
       children : {
         type : "string",
         defaultValue : "[...] ",