# `PhoenixKitWeb.Components.Core.HeroStatCard`
[🔗](https://github.com/BeamLabEU/phoenix_kit/blob/v1.7.87/lib/phoenix_kit_web/components/core/hero_stat_card.ex#L1)

Provides a large hero statistics card UI component for prominent dashboard metrics.

This component renders a large gradient card with icon with title side-by-side,
and a prominent statistic value. Used for key metrics like System Owners,
Administrators, and Total Users.

# `hero_stat_card`

Renders a large hero statistics card.

## Examples

    <.hero_stat_card
      value={@stats.owner_count}
      title="System Owners"
      subtitle="Complete system authority"
    >
      <:icon>
        <PhoenixKitWeb.Components.Core.Icons.icon_crown />
      </:icon>
    </.hero_stat_card>

    <.hero_stat_card
      value={@stats.admin_count}
      title="Administrators"
      subtitle="Management privileges"
    >
      <:icon>
        <PhoenixKitWeb.Components.Core.Icons.icon_star />
      </:icon>
    </.hero_stat_card>

## Attributes

* `value` (`:any`) (required) - The main statistic value to display.
* `title` (`:string`) (required) - The card title text (displayed next to icon).
* `subtitle` (`:string`) (required) - The smaller descriptive text.
## Slots

* `icon` (required) - Icon to display next to the title.

---

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