Skip to content

Commit

Permalink
feat(README): update use description
Browse files Browse the repository at this point in the history
  • Loading branch information
Simoon-F committed Jun 20, 2023
1 parent c1b78c5 commit 0e48cfa
Showing 1 changed file with 1 addition and 70 deletions.
71 changes: 1 addition & 70 deletions README.md
Expand Up @@ -11,10 +11,6 @@ A React Native Confirm Modal

```sh
yarn add @sj-distributor/react-native-confirm-modal

or

npm install @sj-distributor/react-native-confirm-modal
```

## Demo
Expand All @@ -23,72 +19,7 @@ npm install @sj-distributor/react-native-confirm-modal

## Usage

```ts
import React from 'react';

import { StyleSheet, View, Button } from 'react-native';
import {
ConfirmModalProvider,
useConfirm,
} from '@sj-distributor/react-native-confirm-modal';

const Demo = () => {
const { confirm } = useConfirm();

return (
<View style={styles.container}>
<Button
title={'Click Demo'}
onPress={async () => {
const isOk = await confirm({
title: 'Demo',
confirmText: 'Confirm',
description: `Here is a demo
Here is a demo
Here is a demo`,
});

console.log(isOk);
}}
/>

<Button
title={'Click Demo 2'}
onPress={() => {
confirm({
title: 'Demo 2',
confirmText: 'OK',
cancelText: 'Close',
description: 'Here is a demo 2',
onCancel: () => {
console.log('onCancel');
},
onConfirm: () => {
console.log('onConfirm');
},
});
}}
/>
</View>
);
};

export default function App() {
return (
<ConfirmModalProvider>
<Demo />
</ConfirmModalProvider>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
});
```
### [Click to see examples of use](https://github.com/sj-distributor/react-native-confirm-modal/blob/master/example/src/App.tsx)

## Contributing

Expand Down

0 comments on commit 0e48cfa

Please sign in to comment.