# `FrappeUIPhx.Charts.NumberCard`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/charts/number_card.ex#L1)

Cartão de indicador: rótulo, valor grande e variação percentual opcional (verde sobe, vermelho cai).

# `format_delta`

```elixir
@spec format_delta(number()) :: String.t()
```

`12.5` → `"+12,5%"`, `-3.0` → `"-3%"`.

# `number_card`

## Attributes

* `label` (`:string`) (required)
* `value` (`:any`) (required)
* `delta` (`:float`) - variação percentual (ex.: 12.5 ou -3.0). Defaults to `nil`.
* `delta_label` (`:string`) - Defaults to `nil`.
* `loading` (`:boolean`) - Defaults to `false`.
* `error` (`:string`) - Defaults to `nil`.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted.

---

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