@nguyentc21/react-native-tooltip

Simple tooltip for React native app

Installation

yarn add @nguyentc21/react-native-tooltip

Required

This Tooltip is built on @nguyentc21/react-native-modal-view. So you must install it first.

Usage

import Tooltip from '@nguyentc21/react-native-tooltip';

// ...
export function NiceView(props: Props) {
  // ...
  return (
    <>
      {/* ... */}
      <Tooltip
        // disabled
        placement="bottom"
        content={
          <Text style={[styles.text, { color: colors.RED40 }]}>
            Tooltip message.
          </Text>
        }
      >
        <View style={{ padding: 20, backgroundColor: '#fff' }}>
          <Text>Press me to see the tooltip!</Text>
        </View>
      </Tooltip>
      {/* ... */}
    </>
  );
}

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library