https://github.com/pferreirafabricio/popover-search-ionic
🔎 A simple Ionic app to show how to implement a search bar with a popover below it
https://github.com/pferreirafabricio/popover-search-ionic
android axios capacitor capacitor-v5 capacitor-vue capacitorjs composition-api cordova-res ion-popover ionic ionic-components ionic-vue ionic7 javascript js popover vue vue-3
Last synced: 4 months ago
JSON representation
🔎 A simple Ionic app to show how to implement a search bar with a popover below it
- Host: GitHub
- URL: https://github.com/pferreirafabricio/popover-search-ionic
- Owner: pferreirafabricio
- License: mit
- Created: 2023-09-24T19:49:59.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T11:37:40.000Z (4 months ago)
- Last Synced: 2025-02-24T06:11:34.446Z (4 months ago)
- Topics: android, axios, capacitor, capacitor-v5, capacitor-vue, capacitorjs, composition-api, cordova-res, ion-popover, ionic, ionic-components, ionic-vue, ionic7, javascript, js, popover, vue, vue-3
- Language: Vue
- Homepage: https://pferreirafabricio.github.io/popover-search-ionic/
- Size: 5.41 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Popover search
A simple Ionic app to show how to implement a search bar with a popover below it
## :eyes: Overview
> **Note**
>
> Take a look at https://pferreirafabricio.github.io/popover-search-ionic/ for a live test, or you could download the `.apk` file in the [release v0.0.1](https://github.com/pferreirafabricio/popover-search-ionic/releases/tag/v0.0.1)
## :open_book: About
This project is a simple Ionic app, using VueJS, Ionic, and Capacitor to show how to use the ionic popover component [ion-popover](https://ionicframework.com/docs/api/popover) to implement the results of an input search below it.
## 🧱 This project was built with:
- [Ionic](https://ionicframework.com/)
- [Vue](https://vuejs.org/)
- [Ionic + Vue](https://ionicframework.com/vue)
- [Capacitor](https://capacitorjs.com/)
## :running_man: Installing and Running
1. Clone this repository `https://github.com/pferreirafabricio/popover-search-ionic.git`
2. Enter in the project's folder: `cd popover-search-ionic`
3. Run `npm install`
4. Run `npm run serve` or `npm run dev`
5. Access `http://localhost:8080` in your browser and be happy 😃
## :recycle: Contribute
1. Fork this repository
2. Create a branch with your feature: `git checkout -b my-feature`
3. Commit your changes: `git commit -m 'feat: My new feature'`
4. Push your branch: `git push origin my-feature`
## :page_with_curl: License
This project is under the MIT license. Take a look at the [LICENSE](LICENSE) file for more details.
## 📚 Learn more
- Ionic Vue Docs: https://ionicframework.com/docs/vue/overview