{"_id":"@capawesome/capacitor-option-picker","_rev":"3-f27eec880cd053e65ba0df6eb88db93d","name":"@capawesome/capacitor-option-picker","dist-tags":{"latest":"0.1.1"},"versions":{"0.0.1":{"name":"@capawesome/capacitor-option-picker","version":"0.0.1","keywords":["capacitor","plugin","native","ionic","android","ios","capacitor-plugin","option picker","list picker","native picker","select","dropdown","single choice","uipickerview"],"author":{"name":"Robin Genz","email":"mail@robingenz.dev"},"license":"MIT","_id":"@capawesome/capacitor-option-picker@0.0.1","maintainers":[{"name":"robingenz","email":"mail@robingenz.dev"}],"homepage":"https://capawesome.io/docs/sdks/capacitor/option-picker/","bugs":{"url":"https://github.com/capawesome-team/capacitor-plugins/issues"},"dist":{"shasum":"5d4ec389a20f8ec5e316b7530b60a5628a4c18ff","tarball":"https://registry.npmjs.org/@capawesome/capacitor-option-picker/-/capacitor-option-picker-0.0.1.tgz","fileCount":43,"integrity":"sha512-4ADuM/4hEBGzIjgZoVw9wQpuiNlNXlmEeQIWoDWoEI9q68xV2k8sI+Jmr+7Yaeki8S3Wmwd/3sDz15X/BrmjCg==","signatures":[{"sig":"MEUCIQDi08f5ZD1SwGOh6qcs7GLukvwk68JGpQYW2utDyNsLMwIgZS4NP1ApcA3TJO5/dUFIPwhpLTBpCc58NuWxSe17Yh8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":67564},"main":"dist/plugin.cjs.js","types":"dist/esm/index.d.ts","unpkg":"dist/plugin.js","module":"dist/esm/index.js","funding":[{"url":"https://github.com/sponsors/capawesome-team/","type":"github"},{"url":"https://opencollective.com/capawesome","type":"opencollective"}],"gitHead":"be9a8378688f4a1ea8fecfe185bd5404e9bb1b0f","scripts":{"fmt":"npm run eslint -- --fix && npm run prettier -- --write && npm run swiftlint -- --fix --format","lint":"npm run eslint && npm run prettier -- --check && npm run swiftlint -- lint","build":"npm run clean && npm run docgen && tsc && rollup -c rollup.config.mjs","clean":"rimraf ./dist","watch":"tsc --watch","docgen":"docgen --api OptionPickerPlugin --output-readme README.md --output-json dist/docs.json","eslint":"eslint . --ext ts","verify":"npm run verify:ios && npm run verify:android && npm run verify:web","prettier":"prettier \"**/*.{css,html,ts,js,java}\"","swiftlint":"node-swiftlint","verify:ios":"cd ios && pod install && xcodebuild -workspace Plugin.xcworkspace -scheme Plugin -destination generic/platform=iOS && cd ..","verify:web":"npm run build","prepublishOnly":"npm run build","verify:android":"cd android && ./gradlew clean build test && cd ..","ios:pod:install":"cd ios && pod install --repo-update && cd ..","ios:spm:install":"cd ios && swift package resolve && cd .."},"_npmUser":{"name":"robingenz","email":"mail@robingenz.dev"},"capacitor":{"ios":{"src":"ios"},"android":{"src":"android"}},"repository":{"url":"git+https://github.com/capawesome-team/capacitor-plugins.git","type":"git"},"_npmVersion":"11.13.0","description":"Capacitor plugin that lets the user pick an option from a list using a native picker on Android and iOS.","directories":{},"_nodeVersion":"24.16.0","eslintConfig":{"extends":"@ionic/eslint-config/recommended"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"8.57.0","rimraf":"6.1.2","rollup":"4.62.3","swiftlint":"2.0.0","typescript":"5.9.3","@capacitor/cli":"8.4.2","@capacitor/ios":"8.0.0","@capacitor/core":"8.0.0","@capacitor/docgen":"0.3.1","@capacitor/android":"8.0.0","@ionic/eslint-config":"0.4.0","prettier-plugin-java":"2.9.7"},"peerDependencies":{"@capacitor/core":">=8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/capacitor-option-picker_0.0.1_1788586374536_0.7151281538587075","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@capawesome/capacitor-option-picker","version":"0.1.0","keywords":["capacitor","plugin","native","ionic","android","ios","capacitor-plugin","option picker","list picker","native picker","select","dropdown","single choice","uipickerview"],"author":{"name":"Robin Genz","email":"mail@robingenz.dev"},"license":"MIT","_id":"@capawesome/capacitor-option-picker@0.1.0","maintainers":[{"name":"robingenz","email":"mail@robingenz.dev"}],"homepage":"https://capawesome.io/docs/sdks/capacitor/option-picker/","bugs":{"url":"https://github.com/capawesome-team/capacitor-plugins/issues"},"dist":{"shasum":"5ad777855dc75db3b64bfc579c74bfc4097d827e","tarball":"https://registry.npmjs.org/@capawesome/capacitor-option-picker/-/capacitor-option-picker-0.1.0.tgz","fileCount":43,"integrity":"sha512-VllLfDkwOdcZO3EWIU5t91XdN8JOLC2h5QdSCCi7/yKN14KuVXNUEyXGI1w6weyY5XKUjysuKv/ehlFTaBzEhA==","signatures":[{"sig":"MEUCIEW3lluff9hKJMJjNMoVuvMLATzDgyApvY2jqHBxCjwkAiEA4GiY0W8Szp9Fc8DyXdER9HTXSQ4bh9FSMzsx2NonJxU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@capawesome%2fcapacitor-option-picker@0.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":67564},"main":"dist/plugin.cjs.js","types":"dist/esm/index.d.ts","unpkg":"dist/plugin.js","module":"dist/esm/index.js","funding":[{"url":"https://github.com/sponsors/capawesome-team/","type":"github"},{"url":"https://opencollective.com/capawesome","type":"opencollective"}],"gitHead":"3ee8c4f992341026051d438d5b412567c1826c92","scripts":{"fmt":"npm run eslint -- --fix && npm run prettier -- --write && npm run swiftlint -- --fix --format","lint":"npm run eslint && npm run prettier -- --check && npm run swiftlint -- lint","build":"npm run clean && npm run docgen && tsc && rollup -c rollup.config.mjs","clean":"rimraf ./dist","watch":"tsc --watch","docgen":"docgen --api OptionPickerPlugin --output-readme README.md --output-json dist/docs.json","eslint":"eslint . --ext ts","verify":"npm run verify:ios && npm run verify:android && npm run verify:web","prettier":"prettier \"**/*.{css,html,ts,js,java}\"","swiftlint":"node-swiftlint","verify:ios":"cd ios && pod install && xcodebuild -workspace Plugin.xcworkspace -scheme Plugin -destination generic/platform=iOS && cd ..","verify:web":"npm run build","prepublishOnly":"npm run build","verify:android":"cd android && ./gradlew clean build test && cd ..","ios:pod:install":"cd ios && pod install --repo-update && cd ..","ios:spm:install":"cd ios && swift package resolve && cd .."},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:7f87117d-b7a5-4cd9-97df-f3650deddd9b"}},"capacitor":{"ios":{"src":"ios"},"android":{"src":"android"}},"repository":{"url":"git+https://github.com/capawesome-team/capacitor-plugins.git","type":"git"},"_npmVersion":"11.19.0","description":"Capacitor plugin that lets the user pick an option from a list using a native picker on Android and iOS.","directories":{},"_nodeVersion":"24.20.0","eslintConfig":{"extends":"@ionic/eslint-config/recommended"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"8.57.0","rimraf":"6.1.2","rollup":"4.62.3","swiftlint":"2.0.0","typescript":"5.9.3","@capacitor/cli":"8.4.2","@capacitor/ios":"8.0.0","@capacitor/core":"8.0.0","@capacitor/docgen":"0.3.1","@capacitor/android":"8.0.0","@ionic/eslint-config":"0.4.0","prettier-plugin-java":"2.9.7"},"peerDependencies":{"@capacitor/core":">=8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/capacitor-option-picker_0.1.0_1788587141731_0.6705512730445102","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"_id":"@capawesome/capacitor-option-picker@0.1.1","bugs":{"url":"https://github.com/capawesome-team/capacitor-plugins/issues"},"dist":{"shasum":"eb8183acc5958b4a5b56db8ffc68672d53dcf5ab","tarball":"https://registry.npmjs.org/@capawesome/capacitor-option-picker/-/capacitor-option-picker-0.1.1.tgz","fileCount":43,"integrity":"sha512-i27MjHkPkW4M01zNVp1ufUnO6N43lmOEJM7tyVbiyBHfVNIfAh0IzIeT5U16pUiz3NSlXf8cNdRz+giNb/xuIg==","signatures":[{"sig":"MEUCID2lufgz6fZXnu/77iBa7c5wbANhbdVgr8WyHqkANEqbAiEAkg8EkKRLf3Kf5XgXqu6nV2OIIYgEgWmk4uLJ7qGVRqE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDNy9cCnuApdkdjYOFwO4MJ74pIzCo2nQ4vgZzD6g8PygIgQpmxyabffTTYQeGYCLxHaFODON31Uu4ejh7b/jn1pj0="}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@capawesome%2fcapacitor-option-picker@0.1.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":70631},"main":"dist/plugin.cjs.js","name":"@capawesome/capacitor-option-picker","types":"dist/esm/index.d.ts","unpkg":"dist/plugin.js","author":{"name":"Robin Genz","email":"mail@robingenz.dev"},"module":"dist/esm/index.js","funding":[{"url":"https://github.com/sponsors/capawesome-team/","type":"github"},{"url":"https://opencollective.com/capawesome","type":"opencollective"}],"gitHead":"ab0091b5ea470f26c80d0726e43cbb70f9fe991c","license":"MIT","scripts":{"fmt":"npm run eslint -- --fix && npm run prettier -- --write && npm run swiftlint -- --fix --format","lint":"npm run eslint && npm run prettier -- --check && npm run swiftlint -- lint","build":"npm run clean && npm run docgen && tsc && rollup -c rollup.config.mjs","clean":"rimraf ./dist","watch":"tsc --watch","docgen":"docgen --api OptionPickerPlugin --output-readme README.md --output-json dist/docs.json","eslint":"eslint . --ext ts","verify":"npm run verify:ios && npm run verify:android && npm run verify:web","prettier":"prettier \"**/*.{css,html,ts,js,java}\"","swiftlint":"node-swiftlint","verify:ios":"cd ios && pod install && xcodebuild -workspace Plugin.xcworkspace -scheme Plugin -destination generic/platform=iOS && cd ..","verify:web":"npm run build","prepublishOnly":"npm run build","verify:android":"cd android && ./gradlew clean build test && cd ..","ios:pod:install":"cd ios && pod install --repo-update && cd ..","ios:spm:install":"cd ios && swift package resolve && cd .."},"version":"0.1.1","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"7f87117d-b7a5-4cd9-97df-f3650deddd9b"}},"homepage":"https://capawesome.io/docs/sdks/capacitor/option-picker/","keywords":["capacitor","plugin","native","ionic","android","ios","capacitor-plugin","option picker","list picker","native picker","select","dropdown","single choice","uipickerview"],"capacitor":{"ios":{"src":"ios"},"android":{"src":"android"}},"repository":{"url":"git+https://github.com/capawesome-team/capacitor-plugins.git","type":"git"},"_npmVersion":"11.19.0","description":"Capacitor plugin that lets the user pick an option from a list using a native picker on Android and iOS.","directories":{},"maintainers":[{"name":"robingenz","email":"mail@robingenz.dev"}],"_nodeVersion":"24.21.0","eslintConfig":{"extends":"@ionic/eslint-config/recommended"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"8.57.0","rimraf":"6.1.2","rollup":"4.62.3","swiftlint":"2.0.0","typescript":"5.9.3","@capacitor/cli":"8.4.2","@capacitor/ios":"8.0.0","@capacitor/core":"8.0.0","@capacitor/docgen":"0.3.1","@capacitor/android":"8.0.0","@ionic/eslint-config":"0.4.0","prettier-plugin-java":"2.9.7"},"peerDependencies":{"@capacitor/core":">=8.0.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/capacitor-option-picker_0.1.1_1790854760070_0.2309489103516078"}}},"time":{"created":"2026-09-05T05:32:54.379Z","modified":"2026-10-01T11:39:20.615Z","0.0.1":"2026-09-05T05:32:54.677Z","0.1.0":"2026-09-05T05:45:41.858Z","0.1.1":"2026-10-01T11:39:20.215Z"},"bugs":{"url":"https://github.com/capawesome-team/capacitor-plugins/issues"},"author":{"name":"Robin Genz","email":"mail@robingenz.dev"},"license":"MIT","homepage":"https://capawesome.io/docs/sdks/capacitor/option-picker/","keywords":["capacitor","plugin","native","ionic","android","ios","capacitor-plugin","option picker","list picker","native picker","select","dropdown","single choice","uipickerview"],"repository":{"url":"git+https://github.com/capawesome-team/capacitor-plugins.git","type":"git"},"description":"Capacitor plugin that lets the user pick an option from a list using a native picker on Android and iOS.","maintainers":[{"name":"robingenz","email":"mail@robingenz.dev"}],"readme":"# Capacitor Option Picker Plugin\n\nCapacitor plugin that lets the user pick an option from a list using a native picker.\n\n<div class=\"capawesome-z29o10a\">\n  <a href=\"https://cloud.capawesome.io/\" target=\"_blank\">\n    <img alt=\"Deliver Live Updates to your Capacitor app with Capawesome Cloud\" src=\"https://cloud.capawesome.io/assets/banners/cloud-build-and-deploy-capacitor-apps.png?t=1\" />\n  </a>\n</div>\n\n## Features\n\n- 📋 **Native Picker**: Present the platform's native single-choice picker: a wheel picker on iOS and a Material 3 dialog on Android.\n- ✅ **Preselection**: Open the picker with the current value already selected.\n- 📝 **Title & Buttons**: Customize the title and the texts of the done and cancel buttons.\n- 📚 **Long Lists**: Scroll smoothly through long lists of options on both platforms.\n- 🎨 **Themed**: Follows the system appearance or a forced light or dark theme, and adopts your app's Material theme on Android.\n- 🔒 **App Store safe**: Uses only official platform APIs.\n- 🤝 **Compatibility**: Works alongside the [Datetime Picker](https://capawesome.io/docs/sdks/capacitor/datetime-picker/) plugin.\n- 📦 **CocoaPods & SPM**: Supports CocoaPods and Swift Package Manager for iOS.\n- 🔁 **Up-to-date**: Always supports the latest Capacitor version.\n\nMissing a feature? Just [open an issue](https://github.com/capawesome-team/capacitor-plugins/issues) and we'll take a look!\n\n## Use Cases\n\nThe Option Picker plugin is typically used as a native replacement for HTML `<select>` elements, for example:\n\n- **Form inputs**: Let the user pick a country, language, or category in a form.\n- **Settings screens**: Let the user choose a value such as a unit, a theme, or a refresh interval.\n- **Filters and sorting**: Let the user pick a sort order or a filter category in a list view.\n- **Guided flows**: Ask the user to pick a value before continuing to the next step.\n\n## Compatibility\n\n| Plugin Version | Capacitor Version | Status         |\n| -------------- | ----------------- | -------------- |\n| 0.x.x          | >=8.x.x           | Active support |\n\n## Installation\n\nYou can use our **AI-Assisted Setup** to install the plugin.\nAdd the [Capawesome Skills](https://github.com/capawesome-team/skills) to your AI tool using the following command:\n\n```bash\nnpx skills add capawesome-team/skills --skill capacitor-plugins\n```\n\nThen use the following prompt:\n\n```\n Use the `capacitor-plugins` skill from `capawesome-team/skills` to install the `@capawesome/capacitor-option-picker` plugin in my project.\n```\n\nIf you prefer **Manual Setup**, install the plugin by running the following commands and follow the platform-specific instructions below:\n\n```bash\nnpm install @capawesome/capacitor-option-picker\nnpx cap sync\n```\n\n### Android\n\n#### Variables\n\nThis plugin will use the following project variables (defined in your app's `variables.gradle` file):\n\n- `$androidxMaterialVersion` version of `com.google.android.material:material` (default: `1.12.0`)\n\n### iOS\n\nNo additional configuration is required for this plugin.\n\n## Configuration\n\nNo configuration required for this plugin.\n\n## Demo\n\n| iOS                                                                                                                                                                        |\n| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| <img src=\"https://raw.githubusercontent.com/capawesome-team/capacitor-plugins/main/packages/option-picker/assets/option-picker-demo-ios.png\" width=\"266\" alt=\"iOS Demo\" /> |\n\n## Usage\n\nThe following examples show how to present a native option picker and read the selected value.\n\n### Present a picker\n\nPresent a native picker with a title and a list of options. Use the `value` option to preselect the current value. The result contains the value of the selected option. Only available on Android and iOS:\n\n```typescript\nimport { OptionPicker } from '@capawesome/capacitor-option-picker';\n\nconst presentPicker = async () => {\n  const { value } = await OptionPicker.present({\n    title: 'Select a country',\n    options: [\n      { label: 'Germany', value: 'de' },\n      { label: 'France', value: 'fr' },\n      { label: 'Spain', value: 'es' },\n    ],\n    value: 'fr',\n  });\n  console.log('Selected value:', value);\n};\n```\n\n### Handle cancellation\n\nIf the user cancels or dismisses the picker, the returned promise is rejected with the `ErrorCode.Canceled` error code:\n\n```typescript\nimport { ErrorCode, OptionPicker } from '@capawesome/capacitor-option-picker';\n\nconst presentPicker = async () => {\n  try {\n    const { value } = await OptionPicker.present({\n      options: [\n        { label: 'Small', value: 's' },\n        { label: 'Medium', value: 'm' },\n        { label: 'Large', value: 'l' },\n      ],\n    });\n    console.log('Selected value:', value);\n  } catch (error) {\n    if (error.code === ErrorCode.Canceled) {\n      console.log('The user canceled the picker.');\n    }\n  }\n};\n```\n\n## API\n\n<docgen-index>\n\n* [`present(...)`](#present)\n* [Interfaces](#interfaces)\n\n</docgen-index>\n\n<docgen-api>\n<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->\n\n### present(...)\n\n```typescript\npresent(options: PresentOptions) => Promise<PresentResult>\n```\n\nPresent a native picker that lets the user select one option from a list.\n\nThe returned promise is rejected with the `ErrorCode.Canceled` error code\nif the user cancels or dismisses the picker.\n\nOnly available on Android and iOS.\n\n| Param         | Type                                                      |\n| ------------- | --------------------------------------------------------- |\n| **`options`** | <code><a href=\"#presentoptions\">PresentOptions</a></code> |\n\n**Returns:** <code>Promise&lt;<a href=\"#presentresult\">PresentResult</a>&gt;</code>\n\n**Since:** 0.1.0\n\n--------------------\n\n\n### Interfaces\n\n\n#### PresentResult\n\n| Prop        | Type                | Description                       | Since |\n| ----------- | ------------------- | --------------------------------- | ----- |\n| **`value`** | <code>string</code> | The value of the selected option. | 0.1.0 |\n\n\n#### PresentOptions\n\n| Prop                   | Type                                     | Description                                                                                                                | Default               | Since |\n| ---------------------- | ---------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | --------------------- | ----- |\n| **`cancelButtonText`** | <code>string</code>                      | The text of the cancel button.                                                                                             | <code>'Cancel'</code> | 0.1.0 |\n| **`doneButtonText`**   | <code>string</code>                      | The text of the done button.                                                                                               | <code>'Ok'</code>     | 0.1.0 |\n| **`options`**          | <code>PickerOption[]</code>              | The options the user can choose from. Must contain at least one option.                                                    |                       | 0.1.0 |\n| **`theme`**            | <code>'auto' \\| 'light' \\| 'dark'</code> | The theme of the picker. `auto` follows the system appearance.                                                             | <code>'auto'</code>   | 0.1.0 |\n| **`title`**            | <code>string</code>                      | The title of the picker.                                                                                                   |                       | 0.1.0 |\n| **`value`**            | <code>string</code>                      | The value of the option that is selected when the picker opens. If no option has this value, the first option is selected. |                       | 0.1.0 |\n\n\n#### PickerOption\n\n| Prop        | Type                | Description                                     | Since |\n| ----------- | ------------------- | ----------------------------------------------- | ----- |\n| **`label`** | <code>string</code> | The text displayed for the option.              | 0.1.0 |\n| **`value`** | <code>string</code> | The value returned when the option is selected. | 0.1.0 |\n\n</docgen-api>\n\n## FAQ\n\n### How is this plugin different from other similar plugins?\n\nIt presents the platform's own single-choice picker on Android and iOS through a fully typed API: a wheel picker with a toolbar on iOS and a Material 3 dialog on Android, the same controls the operating systems use for `<select>` elements. The current value can be preselected, the title and button texts are customizable, and cancellation is reported with a dedicated error code, all using only official platform APIs. Actively maintained against the latest Capacitor version, it lets a single dependency replace non-native dropdown components.\n\n### Which native UI is used on each platform?\n\nOn iOS, the plugin presents a `UIPickerView` in a bottom sheet with a toolbar that contains the cancel button, the title, and the done button. On iOS 26 and later, the bottom sheet uses the system's Liquid Glass design. On Android, the plugin presents a Material 3 dialog with a scrollable single-choice list and a done and cancel button. Both follow the system appearance, including dark mode.\n\n### Does the Android dialog use my app's theme?\n\nYes, if your app uses a Material Components or Material 3 theme, the dialog inherits its colors and shapes. If your app uses an AppCompat theme (the Capacitor default), the dialog uses a Material 3 theme with the system's dynamic colors on Android 12 and later, and the Material 3 baseline colors on older versions. To use your own brand colors in that case, switch your app theme to a Material 3 theme such as `Theme.Material3.DayNight.NoActionBar`.\n\n### Can I force a light or dark theme?\n\nYes, set the `theme` option to `light` or `dark`. By default (`auto`), the picker follows the system appearance.\n\n### What happens when the user cancels the picker?\n\nThe returned promise is rejected with the `ErrorCode.Canceled` error code. This happens when the user taps the cancel button, taps outside of the picker, swipes the picker down on iOS 26 and later, or presses the back button on Android. See the [Handle cancellation](#handle-cancellation) example.\n\n### Which option is selected when the picker opens?\n\nThe option whose value matches the `value` option is selected. If no `value` is provided or no option matches, the first option is selected.\n\n### When should I use the Option Picker instead of the Action Sheet plugin?\n\nUse the Option Picker when the user has to choose a value, for example in a form or a settings screen. It is designed for long lists and highlights the current value. Use the [Action Sheet](https://capawesome.io/docs/sdks/capacitor/action-sheet/) plugin when the user has to choose between a few actions to perform.\n\n### Does this plugin work on the Web?\n\nNo, the `present(...)` method is only available on Android and iOS. On the Web, use a regular HTML `<select>` element instead.\n\n### Can I use this plugin with Ionic, React, Vue or Angular?\n\nYes, the plugin is framework-agnostic. It works in any Capacitor app regardless of the web framework, including Ionic with Angular, React, or Vue, as well as plain JavaScript projects.\n\n## Related Plugins\n\n- [Action Sheet](https://capawesome.io/docs/sdks/capacitor/action-sheet/): Show native action sheets.\n- [Datetime Picker](https://capawesome.io/docs/sdks/capacitor/datetime-picker/): Let the user pick a date and time with a native picker.\n- [Dialog](https://capawesome.io/docs/sdks/capacitor/dialog/): Display native alert, confirm, and prompt dialogs.\n\n## Newsletter\n\nStay up to date with the latest news and updates about the Capawesome, Capacitor, and Ionic ecosystem by subscribing to our [Capawesome Newsletter](https://cloud.capawesome.io/newsletter/).\n\n## Changelog\n\nSee [CHANGELOG.md](https://github.com/capawesome-team/capacitor-plugins/blob/main/packages/option-picker/CHANGELOG.md).\n\n## License\n\nSee [LICENSE](https://github.com/capawesome-team/capacitor-plugins/blob/main/packages/option-picker/LICENSE).\n","readmeFilename":"README.md"}