Product Brief #4: SDK 2.0 & More Video Providers

April 11, 2018 ()

Microlink SDK

Release 2.0

We are happy to introduce the SDK 2.0, the easiest way to add link previews in your website without effort.
The version 2.0 introduce a breaking change: It removes the round property from the API Parameters that you can pass for customize the card preview.
The property round was related with apply a border-radius around your preview card.
We decide make this little change in order the reduce the number of configurable API Parameters.
But you can still extend the default style using CSS.
For example, let's create a link preview for project using custom border-radius style.
React
Using @microlink/react just pass your custom CSS as style property:
import Microlink from '@microlink/react'

;<Microlink
  image='logo'
  url='https://browserless.js.org'
  style={{ borderRadius: '.42857em' }}
/>
Read more about styling in documentation.
Vanilla
The vanilla version can apply the custom style using the class names shipped with the component:
<style>
.microlink_card {
  border-radius: .42857em;
}
</style>

<a href="https://browserless.js.org" data-media='logo' class="card-preview"></a>

<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    microlink('.card-preview')
  });
</script>
Read more about styling at documentation.

Microlink API

Video Detection

In this product sprint we focused on improving our video property added into our API in the previous product brief.
We extended the original idea, adding support for detecting more video providers. The most popular internet sites are covered, such as
Amazon
Facebook
Instagram
Twitter
Vimeo
YouTube

Come Chat with Us

All of these improvements or features are community driven: We listen to your feedback and act accordingly.
Whether you are are building a product and you need fancy previews, you’re an indie hacker or simply you like frontend stuff, come with us 🙂.

By using this website you agree to ourprivacy.