@logo-software/badge

A badge is a visual indicator for informational values such as tallies, scores and tags. It comes many features

Usage no npm install needed!

<script type="module">
  import logoSoftwareBadge from 'https://cdn.skypack.dev/@logo-software/badge';
</script>

README

Badge Module

A badge is a visual indicator for informational values such as tallies, scores and tags. It comes many features

  • Icon Support
  • Icon Position Support
  • Size Support
  • Logo Theme Support

Click here for demo

Installation

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

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

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

import {BadgeModule} from '@logo-software/badge';

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

Badge Component

Badges visualize and make little information cracks to readable assets. Add the below code to your code stack and give initializer parameters.

app.component.html

<logo-badge
  [theme]="'primary'"
  [cssClasses]="'my-own-logo-badge'"
  [size]="'large'"
  [iconPosition]="'icon-left'"
  [icon]="'info'"
>
  Some kind of badge text
</logo-badge>

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