@ngx-bio-components/badge
API reference for Bio badge
import { BioBadgeModule } from '@ngx-bio-components/badge';<bio-badge [size]="size" [shape]="shape" [color]="color" [border]="border">
<svg class="h-1.5 w-1.5 fill-indigo-500" viewBox="0 0 6 6" aria-hidden="true">
<circle cx="3" cy="3" r="3" />
</svg>
Badge
</bio-badge>Type aliases
BioBadgeSize
Allowed size options for bioBadgeSize
type BioBadgeSize = 'normal' | 'small';BioBadgeShape
Allowed shape options for bioBadgeShape
type BioBadgeShape = 'flat' | 'pill';BioBadgeColor
Allowed color options for bioBadgeColor
type BioBadgeColor = 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';BioBadgeBorder
Allowed border options for bioBadgeBorder
type BioBadgeBorder = boolean;| Name | Description |
|---|---|
@Input('biBadgeSize')
|
The size of the badge. Can be normal or small. |
@Input('bioBadgeShape')
|
The shape of the badge. Can be flat or pill. |
@Input('bioBadgeColor')
|
The color of the badge. Can be gray, red, yellow, green, blue, indigo, purple or pink. |
@Input('bioBadgeBorder')
|
The border of the badge. Can be true or false. |