\n```\n\n:+1:\n\n## Custom card\n\nTo use a custom card, set your own html code between the aperture tag and the close tag of component. Using the scoped slot.\n\n```html\n
\n```\n\n## Custom loading indicator\n\nTo use a custom loading indicator, use the loading slot.\n\n```html\n
\n \n \n \n
Loading...
\n \n \n
\n```\n\n## Custom button handler\n\nFor custom button handler use the onButtonClick property, like.\n\n> HTML\n\n```html\n
\n \n
\n\n```\n\n> Javascript\n\n```javascript\nimport LinkPrevue from 'link-prevue'\n\nexport default {\n components:{\n LinkPrevue\n },\n methods: {\n onClick(prevue) {\n console.log('click', prevue.images, prevue.title, prevue.url, prevue.description)\n }\n }\n}\n```\n\n## Props API\n\nlink-prevue have the following props for customize the component\n\n Prop | Type | Required | Default Value | Description\n--------------------- | ---------- | -------- | ---------------------------------------- | -----------\n**url** | _String_ | yes | _undefined_ | Site url for generate link preview\n**onButtonClick** | _Function_ | no | _undefined_ | Function for a custom button handler, params => `prevue`\n**cardWidth** | _String_ | no | _'400px'_ | Card width, accept `px` and `%`\n**showButton** | _Boolean_ | no | _true_ | Render card button\n**apiUrl** | _String_ | no | _https://link-prevue-api-v2.herokuapp.com/preview/_ | Custom API url [check this](https://github.com/nivaldomartinez/link-preview-api)\n\n\n## API REST\n\nlink-prevue use an API REST for retrieve link data if you want to use your own API REST check [this](https://github.com/nivaldomartinez/link-preview-api).\n## License\n\nThis code is distributed under the terms and conditions of the [MIT license](https://opensource.org/licenses/MIT).\n\n## Donate\n\n\n\n***Address:*** 0xd0177a8D356A757Cb65E64222bD41132fC6ee571\n","readmeFilename":"README.md"}
![\"Link](\"https://raw.githubusercontent.com/nivaldomartinez/link-prevue/master/link-prevue.png\")
\n![\"Link](\"https://media.giphy.com/media/dZ5jwDmXARwBkFlRbV/giphy.gif\")
\n![\"Link](\"https://miro.medium.com/max/1200/1*RDfyazFplV7e1eSNETrw8w.png\")
\n\n***Address:*** 0xd0177a8D356A757Cb65E64222bD41132fC6ee571\n","readmeFilename":"README.md"}