42f97f63d5
* Creation of the share modal * Update package.json * Addressed comments * Fixed dependency * Update ShareModal.vue * Fixed url * Update ShareModal.vue * Adressed changes
45 lines
973 B
Markdown
45 lines
973 B
Markdown
# Share Modal
|
|
|
|
<DemoContainer>
|
|
<Button @click="$refs.shareContent.show('This is content')">
|
|
<EditIcon/>
|
|
Share Content
|
|
</Button>
|
|
<Button @click="$refs.shareLink.show('https://modrinth.com')">
|
|
<GlobeIcon/>
|
|
Share Link
|
|
</Button>
|
|
<ShareModal
|
|
ref="shareContent"
|
|
share-title="This is the title for the content"
|
|
share-text="Share this content"
|
|
/>
|
|
<ShareModal
|
|
ref="shareLink"
|
|
share-title="This is the title for the link"
|
|
share-text="Share this link"
|
|
link
|
|
/>
|
|
</DemoContainer>
|
|
|
|
```vue
|
|
<ShareModal
|
|
ref="shareContent"
|
|
share-title="This is the title for the content"
|
|
share-text="Share this content"
|
|
/>
|
|
<ShareModal
|
|
ref="shareLink"
|
|
share-title="This is the title for the link"
|
|
share-text="Share this link"
|
|
link
|
|
/>
|
|
|
|
```
|
|
You can use ref to open the modal, calling the show method
|
|
|
|
`content` is what will be shown in the text of the input for sharing
|
|
```text
|
|
$refs.shareContent.show(content)
|
|
```
|