Angular

It's available as .
npm install @microlink/angular --save
The Angular bundle is based on the Vanilla version, but exported as an Angular library.
Since it doesn't include the peer dependencies, you'll need to install those too:
npm install react react-dom styled-components --save
After that, you're ready to import the Microlink SDK into your Angular project.
App.module.ts
import { NgModule } from '@angular/core'
import Microlink from '@microlink/angular'

@NgModule({
  imports: [Microlink.Module]
})
export class AppModule {}
There's also a `Component` export, for use with `declarations`.
App.component.html
<microlink url="https://instagram.com/p/Bu1-PpyHmCn/"></microlink>
The Angular integration supports any API Parameter via an options object prop.
<microlink
  url="https://instagram.com/p/Bu1-PpyHmCn/"
  [options]="{ size: 'large' }"
></microlink>
Although it's shipped with default styles, you can customize it using
App.component.css
:host::ng-deep .microlink_card {
  font-family: 'Nitti, "Microsoft YaHei", 微软雅黑, monospace';
  max-width: 100%;
}

Angular

It's available as .
npm install @microlink/angular --save
The Angular bundle is based on the Vanilla version, but exported as an Angular library.
Since it doesn't include the peer dependencies, you'll need to install those too:
npm install react react-dom styled-components --save
After that, you're ready to import the Microlink SDK into your Angular project.
App.module.ts
import { NgModule } from '@angular/core'
import Microlink from '@microlink/angular'

@NgModule({
  imports: [Microlink.Module]
})
export class AppModule {}
There's also a `Component` export, for use with `declarations`.
App.component.html
<microlink url="https://instagram.com/p/Bu1-PpyHmCn/"></microlink>
The Angular integration supports any API Parameter via an options object prop.
<microlink
  url="https://instagram.com/p/Bu1-PpyHmCn/"
  [options]="{ size: 'large' }"
></microlink>
Although it's shipped with default styles, you can customize it using
App.component.css
:host::ng-deep .microlink_card {
  font-family: 'Nitti, "Microsoft YaHei", 微软雅黑, monospace';
  max-width: 100%;
}