# `PhoenixKitBilling.Web.Components.TransactionTypeBadge`
[🔗](https://github.com/BeamLabEU/phoenix_kit_billing/blob/0.5.1/lib/phoenix_kit_billing/web/components/transaction_type_badge.ex#L1)

Provides transaction type badge components for the billing system.

Supports payment and refund types with appropriate color coding.
Follows daisyUI badge styling conventions.

# `transaction_type_badge`

Renders a transaction type badge with appropriate styling.

## Attributes
- `type` - Transaction type string: "payment" or "refund" (required)
- `size` - Badge size: :xs, :sm, :md, :lg (default: :sm)
- `class` - Additional CSS classes

## Supported Types
- `payment` - Positive transaction (success/green)
- `refund` - Negative transaction (error/red)

## Examples

    <.transaction_type_badge type="payment" />
    <.transaction_type_badge type="refund" size={:md} />

## Attributes

* `type` (`:string`) (required)
* `size` (`:atom`) - Defaults to `:sm`. Must be one of `:xs`, `:sm`, `:md`, or `:lg`.
* `class` (`:string`) - Defaults to `""`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*