Link Preview
A Vue component that displays a preview image of a linked website on hover.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
url | String | "https://astrilya.com" | The URL of the website to preview. |
width | Number | 800 | The width of the preview image. |
height | Number | 800 | The height of the preview image. |
Slots
| Slot | Description |
|---|---|
default | Content for the link text or element. |
Customization
You can customize the LinkPreview component:
- Modify the
url,width, andheightprops to change the preview image. - Adjust the CSS in the
<style>section to alter the animation, size, or positioning of the preview image. - Use the default slot to customize the appearance of the link text or element.