Build modern UI fast with Airframe

<div class="af-card">
  <h3 class="af-card__title">
    Revenue
  </h3>
  <p class="af-text-h2">
    $84,200
  </p>
  <span class="af-badge af-is-success">
    +18%
  </span>
</div>

export function RevenueCard() {
  return (
    <div className="af-card">
      <h3 className="af-card__title">Revenue</h3>
      <p className="af-text-h2">$84,200</p>
      <span className="af-badge af-is-success">+18%</span>
    </div>
  );
}

@Component({
  selector: 'app-revenue-card',
  standalone: true,
  template: `    <div class="af-card">
      <h3 class="af-card__title">
        Revenue
      </h3>
      <p class="af-text-h2">
        $84,200
      </p>
      <span class="af-badge af-is-success">
        +18%
      </span>
</div>`
})
export class RevenueCardComponent {}