Info Container Module

Logo Info container library presents users feedbacks about the actions or items in the page. Feedbacks placed into the page DOM. Part of the collection of components, visual styles, and build tools that power the Logo Elements Design System. It comes with the features below:

• Feedback type support
• Icon Support
• Icon Position Support
• Custom Content Support

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/~logofe. To install Info Container Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/info-container -s

Just import it to your project of @NgModule import section.

import {InfoContainerModule} from '@logo-software/info-container';

@NgModule({
  imports: [CommonModule, InfoContainerModule],
})
export class AppModule {
}

Info Container Component

Developers can use Logo Info Container library with the sample below. This component will let the developers to modify the options of the feedbacks.

app.component.html

<logo-info-container
 [infoType]="InfoTypes.SUCCESS"
 [showIcon]="true"
 [iconPosition]="IconPosition.LEFT"
>
 Feedback content that user must catch.
</logo-info-container>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview