Update README.md
* fix problem with GIF * update basic usage to more common case
This commit is contained in:
parent
dac62721d9
commit
7a7bb6a3fe
16
README.md
16
README.md
|
@ -44,14 +44,14 @@ import {
|
||||||
export const YourComponent = () => (
|
export const YourComponent = () => (
|
||||||
<View>
|
<View>
|
||||||
<Text>Hello world!</Text>
|
<Text>Hello world!</Text>
|
||||||
<Menu onSelect={value => alert(`Selected number: ${value}`)}>
|
<Menu>
|
||||||
<MenuTrigger text='Select option' />
|
<MenuTrigger text='Select action' />
|
||||||
<MenuOptions>
|
<MenuOptions>
|
||||||
<MenuOption value={1} text='One' />
|
<MenuOption onSelect={() => alert(`Save`)} text='Save' />
|
||||||
<MenuOption value={2}>
|
<MenuOption onSelect={() => alert(`Delete`)} >
|
||||||
<Text style={{color: 'red'}}>Two</Text>
|
<Text style={{color: 'red'}}>Delete</Text>
|
||||||
</MenuOption>
|
</MenuOption>
|
||||||
<MenuOption value={3} disabled={true} text='Three' />
|
<MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
|
||||||
</MenuOptions>
|
</MenuOptions>
|
||||||
</Menu>
|
</Menu>
|
||||||
</View>
|
</View>
|
||||||
|
@ -67,9 +67,7 @@ export const YourComponent = () => (
|
||||||
|
|
||||||
## Demo
|
## Demo
|
||||||
|
|
||||||
<kbd>
|
![Popup menu preview](./android.demo.gif)
|
||||||
![Popup menu preview](android.demo.gif)
|
|
||||||
</kbd>
|
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass.
|
Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass.
|
||||||
|
|
Loading…
Reference in New Issue