https://github.com/domness/cloudsponge-vue
Vue component to add the CloudSponge Address book
https://github.com/domness/cloudsponge-vue
cloudsponge cloudsponge-vue component vue
Last synced: 2 months ago
JSON representation
Vue component to add the CloudSponge Address book
- Host: GitHub
- URL: https://github.com/domness/cloudsponge-vue
- Owner: domness
- License: mit
- Created: 2020-08-07T15:49:13.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-03-19T22:05:57.000Z (about 2 years ago)
- Last Synced: 2025-03-02T14:05:18.967Z (3 months ago)
- Topics: cloudsponge, cloudsponge-vue, component, vue
- Language: Vue
- Homepage: https://www.npmjs.com/package/cloudsponge-vue
- Size: 1.37 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# CloudSponge for Vue 3
## Installation
CloudSponge Vue can be installed using the following methods:
```
yarn add cloudsponge-vue
```
or
```
npm i --save cloudsponge-vue
```
## Props
- apiKey
- CloudSponge API Key
- https://www.cloudsponge.com/developer/getting-started/
- afterSubmit
- Callback function when contacts have been submitted
- config
- CloudSponge Configuration
- https://www.cloudsponge.com/developer/address-book-widget/options/
## Usage
### Install as component
```javascript
import { createApp } from 'vue';
import { CloudSpongeVue } from 'cloudsponge-vue';
const app = createApp({});
app.component('cloudsponge-vue', CloudSpongeVue);
app.mount('#app');
```
### Install as plugin
```javascript
import { createApp } from 'vue';
import { CloudSpongeVuePlugin } from 'cloudsponge-vue';
const app = createApp({});
CloudSpongeVuePlugin.install(app);
app.mount('#app');
```
### Usage
```vue
Loading...
Add friends from your contacts
import { defineComponent } from 'vue';
export default defineComponent({
name: 'MyComponent',
methods: {
submittedContacts(contacts) {
console.log('CloudSponge: submitted contacts');
const emails = contacts.map((c) => c.selectedEmail());
}
}
});
```