Link Prevue

Overview

Link Prevue is a versatile component that streamlines the process of generating link previews in your web applications. With its flexible customization options, developers can create previews that match their branding and user interface while providing essential information pulled from the target URL. Whether you're looking for a simple preview card or something more elaborate, Link Prevue delivers a robust solution.

This component utilizes an API REST for fetching link data, making it easy to implement in various projects. It's particularly useful for those who want to enhance user experience by displaying previews of URLs like articles, videos, or products. With options to customize headers, loading indicators, and buttons, Link Prevue adapts perfectly to diverse applications.

Features

• Custom HTML Cards: Easily use your own HTML between designated tags to create personalized card designs that fit your application's style.

• Scoped Slot for Custom Loading: Integrate a unique loading indicator by utilizing the loading slot, enhancing user engagement during data retrieval.

• Custom Button Handler: Enable interaction by specifying a custom button action using the onButtonClick property, making it suitable for various user actions.

• Adjustable Card Width: Control the size of the preview card by setting cardWidth in either pixels or percentages, ensuring it fits seamlessly into your layout.

• Dynamic API URL: Point Link Prevue to a dedicated API by customizing the apiUrl property, enabling you to avoid rate limits and manage usage effectively.

• Option to Show/Hide Button: Manage button visibility with the showButton property, allowing you to tailor the card's functionality according to user needs.

• Hide Empty Cards: Use the hideWhenEmpty option to prevent users from seeing cards lacking essential information, improving the overall experience.

• Compatible with Vue Versions: Works smoothly with both Vue 2.x and Vue 3.x, allowing for broad integration into existing projects.