UNPKG

@nguyentc21/react-native-tooltip

Version:
68 lines (53 loc) 1.25 kB
# @nguyentc21/react-native-tooltip Simple tooltip for React native app ## Installation ```sh yarn add @nguyentc21/react-native-tooltip ``` This Tooltip is built on [@nguyentc21/react-native-modal-view](https://github.com/nguyentc21/react-native-modal-view). So you must install it first. ```sh yarn add @nguyentc21/react-native-modal-view ``` ## Usage ```tsx import ModalSection from '@nguyentc21/react-native-modal-view'; // ... const App = () => { return ( // ... <ModalSection // should be on bottom enable /> ); }; // ... ``` ```tsx import Tooltip from '@nguyentc21/react-native-tooltip'; // ... export function NiceView(props: Props) { // ... return ( // ... <Tooltip placement="bottom" content={ <Text style={[styles.text, { color: colors.RED40, textAlign: 'center' }]} > Tooltip content. </Text> } > <Text>Press me to see the tooltip!</Text> </Tooltip> ); } // ... ``` ## Contributing See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. ## License MIT --- Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)