NgxFlexMessages

Unofficial Line Flex Message component using angular

Demo

storybook: https://guutong.github.io/ngx-flex-messages

stackblitz: https://angular-ivy-q9fseo.stackblitz.io

Installation

npm i ngx-flex-messages --save

Add wanted package to NgModule imports

import { NgxFlexMessagesModule } from 'ngx-flex-messages';
   
  @NgModule({
    ...
    imports: [
      ...
      NgxFlexMessagesModule,
      ...
    ]
    ...
  })

Add style to projects in angular.json

{
    ...
    "styles": [
        "../node_modules/ngx-flex-messages/assets/global.scss",
        "styles.scss" 
     ],
    ...
}

Add component to your page

<ngx-flex-messages 
	[data]="json" 
	(action)="onClickAction($event)"
>
</ngx-flex-messages>

Inspiration

flex2html

Flex Message Simulator