Badge

import { Component } from '@angular/core';
import { HlmBadgeDirective } from '@spartan-ng/ui-badge-helm';

@Component({
  selector: 'spartan-badge-preview',
  standalone: true,
  imports: [HlmBadgeDirective],
  template: `
    <a target="_blank" href="https://github.com/goetzrobin/spartan" hlmBadge>This is madness. This is spartan.</a>
  `,
})
export class BadgePreviewComponent {}

import { Component } from '@angular/core';
import { HlmBadgeDirective } from '@spartan-ng/ui-badge-helm';

@Component({
  selector: 'spartan-badge-preview',
  standalone: true,
  imports: [HlmBadgeDirective],
  template: `
    <a target="_blank" href="https://github.com/goetzrobin/spartan" hlmBadge>This is madness. This is spartan.</a>
  `,
})
export class BadgePreviewComponent {}

import { Component } from '@angular/core';
import { HlmBadgeDirective } from '@spartan-ng/ui-badge-helm';

@Component({
  selector: 'spartan-badge-secondary',
  standalone: true,
  imports: [HlmBadgeDirective],
  template: ` <div hlmBadge variant="secondary">Secondary</div> `,
})
export class BadgeSecondaryExampleComponent {}

import { Component } from '@angular/core';
import { HlmBadgeDirective } from '@spartan-ng/ui-badge-helm';

@Component({
  selector: 'spartan-badge-outline',
  standalone: true,
  imports: [HlmBadgeDirective],
  template: ` <div hlmBadge variant="outline">Outline</div> `,
})
export class BadgeOutlineExampleComponent {}

import { Component } from '@angular/core';
import { HlmBadgeDirective } from '@spartan-ng/ui-badge-helm';

@Component({
  selector: 'spartan-badge-destructive',
  standalone: true,
  imports: [HlmBadgeDirective],
  template: ` <div hlmBadge variant='destructive'>Destructive</div> `,
})
export class BadgeDestructiveComponent {}