diff --git a/README.md b/README.md index 1e47fff..19532fb 100644 --- a/README.md +++ b/README.md @@ -200,6 +200,7 @@ class App extends React.Component { | buttonComponentExpandRatio | `number` | 1.0 | Ratio of button component expansion after tooltip poped up. | setBelow | `Boolean` | false | Sets the default position of the tooltip to appear below the intended target. | triangleOffset | `Number` | 0 | Number of pixels to offset triangle from center. Positive numbers will push right. Negative Numbers will push left. +| showTriangle | `Boolean` | true | Optional. Set this to false if you want to hide the triangle. ## Methods: diff --git a/src/index.js b/src/index.js index 3f45312..d63ac92 100644 --- a/src/index.js +++ b/src/index.js @@ -46,6 +46,7 @@ type Props = { timingConfig?: { duration?: number }, springConfig?: { tension?: number, friction?: number }, opacityChangeDuration?: number, + showTriangle?: bool, }; type State = { isModalOpen: bool, @@ -92,6 +93,7 @@ class PopoverTooltip extends React.PureComponent { timingConfig: PropTypes.object, springConfig: PropTypes.object, opacityChangeDuration: PropTypes.number, + showTriangle: PropTypes.bool, }; static defaultProps = { buttonComponentExpandRatio: 1.0, @@ -100,6 +102,7 @@ class PopoverTooltip extends React.PureComponent { setBelow: false, delayLongPress: 100, triangleOffset: 0, + showTriangle: true }; wrapperComponent: ?TouchableOpacity; @@ -328,14 +331,14 @@ class PopoverTooltip extends React.PureComponent { onLayout={this.onInnerContainerLayout} style={styles.innerContainer} > - {triangleUp} + {this.props.showTriangle && triangleUp} {items} - {triangleDown} + {this.props.showTriangle && triangleDown}