@chakra-ui/stat NPM

Stat

As the name implies, the Stat component is used to display some statistics.

Installation

yarn add @chakra-ui/stat

# or

npm i @chakra-ui/stat

Import components

import {
  Stat,
  StatArrow,
  StatLabel,
  StatGroup,
  StatNumber,
  StatUpArrow,
  StatHelpText,
  StatDownArrow,
} from "@chakra-ui/stat"

Usage

<Stat>
  <StatLabel>Collected Fees</StatLabel>
  <StatNumber>£0.00</StatNumber>
  <StatHelpText>Feb 12 - Feb 28</StatHelpText>
</Stat>


<StatGroup>
  <Stat>
    <StatLabel>Sent</StatLabel>
    <StatNumber>345,670</StatNumber>
    <StatHelpText>
      23.36%
    </StatHelpText>
  </Stat>

  <Stat>
    <StatLabel>Clicked</StatLabel>
    <StatNumber>45</StatNumber>
    <StatHelpText>
      9.05%
    </StatHelpText>
  </Stat>
</StatGroup>

Stat with Indicator

<StatGroup>
  <Stat>
    <StatLabel>Sent</StatLabel>
    <StatNumber>345,670</StatNumber>
    <StatHelpText>
      <StatArrow type="increase" />
      23.36%
    </StatHelpText>
  </Stat>
</StatGroup>

stat statistics react data charts indicators chakra ui

@chakra-ui/icon @chakra-ui/react-context @chakra-ui/shared-utils

@ssg-ui/core @infinitebrahmanuniverse/nolb-_chak @everything-registry/sub-chunk-164 @bianic-ui/core @chakra-ui/core 586b6e81 @fidesui/react @packpackman/react @ssg-ui/react @tggreene/chakra-ui-react bonde-components

0.0.0-dev-20230718122336

1 year ago

2.1.1

1 year ago

2.1.0

1 year ago

0.0.0-dev-20230822134434

1 year ago

0.0.0-dev-20230718132637

1 year ago

0.0.0-dev-20230718130742

1 year ago

0.0.0-dev-20230830120642

1 year ago

0.0.0-dev-20230830133821

1 year ago

0.0.0-dev-20230822131635

1 year ago

0.0.0-dev-20230718124717

1 year ago

0.0.0-dev-20230830093747

1 year ago

0.0.0-dev-20230908144305

1 year ago

0.0.0-dev-20230320183136

2 years ago

2.0.18

2 years ago

0.0.0-dev-20230320184810

2 years ago

0.0.0-dev-20230111055325

2 years ago

0.0.0-dev-20230116124502

2 years ago

2.0.15

2 years ago

2.0.16

2 years ago

2.0.17

2 years ago

0.0.0-dev-20230112113621

2 years ago

0.0.0-dev-20230111211417

2 years ago

0.0.0-dev-20230112145104

2 years ago

0.0.0-dev-20230106083209

2 years ago

0.0.0-dev-20230112154520

2 years ago

0.0.0-dev-20230112141201

2 years ago

0.0.0-dev-20230112143332

2 years ago

0.0.0-dev-20230116120206

2 years ago

0.0.0-dev-20230112152756

2 years ago

0.0.0-dev-20230116122157

2 years ago

0.0.0-dev-20221123130515

2 years ago

0.0.0-dev-20221128182021

2 years ago

0.0.0-dev-20221108073543

2 years ago

0.0.0-dev-20221122135803

2 years ago

2.0.13

2 years ago

2.0.14

2 years ago

2.0.12

2 years ago

0.0.0-dev-20221128183433

2 years ago

0.0.0-dev-20221117150258

2 years ago

0.0.0-dev-20221108100218

2 years ago

0.0.0-dev-20221128185230

2 years ago

0.0.0-dev-20221108090938

2 years ago

0.0.0-dev-20221108124603

2 years ago

0.0.0-dev-20221122115819

2 years ago

0.0.0-dev-20221223180742

2 years ago

0.0.0-dev-20221107181117

2 years ago

0.0.0-dev-20221116102301

2 years ago

0.0.0-dev-20221116103758

2 years ago

0.0.0-dev-20221107161407

2 years ago

0.0.0-dev-20221108075029

2 years ago

0.0.0-dev-20221123123308

2 years ago

0.0.0-dev-20221115102409

2 years ago

0.0.0-dev-20221117065458

2 years ago

0.0.0-dev-20221124103928

2 years ago

0.0.0-dev-20221128164126

2 years ago

0.0.0-dev-20221107182607

2 years ago

0.0.0-dev-20221108071844

2 years ago

0.0.0-dev-20221116105413

2 years ago

0.0.0-dev-20221108093520

2 years ago

0.0.0-dev-20221124105520

2 years ago

0.0.0-dev-20221108083411

2 years ago

0.0.0-dev-20220929105632

2 years ago

2.0.11

2 years ago

0.0.0-dev-20220929132459

2 years ago

0.0.0-dev-20220823195046

2 years ago

0.0.0-dev-20220819191103

2 years ago

0.0.0-dev-20220820173639

2 years ago

0.0.0-dev-20220916141616

2 years ago

0.0.0-dev-20220916164745

2 years ago

0.0.0-dev-20220914105014

2 years ago

0.0.0-dev-20220922115811

2 years ago

0.0.0-dev-20220824074122

2 years ago

0.0.0-dev-20220926164115

2 years ago

0.0.0-dev-20220820152257

2 years ago

0.0.0-dev-20220824080240

2 years ago

0.0.0-dev-20220819143632

2 years ago

0.0.0-dev-20220926165450

2 years ago

0.0.0-dev-20220822055339

2 years ago

0.0.0-dev-20220823150801

2 years ago

0.0.0-dev-20220820165925

2 years ago

0.0.0-dev-20220824082222

2 years ago

0.0.0-dev-20220820172220

2 years ago

0.0.0-dev-20220920121057

2 years ago

0.0.0-dev-20220823165602

2 years ago

0.0.0-dev-20220820195548

2 years ago

0.0.0-dev-20220820120308

2 years ago

0.0.0-dev-20220820124231

2 years ago

0.0.0-dev-20220822103611

2 years ago

2.0.10

2 years ago

0.0.0-dev-20220921093814

2 years ago

0.0.0-dev-20220822184448

2 years ago

0.0.0-dev-20220822051456

2 years ago

2.0.9

2 years ago

0.0.0-dev-20220820193723

2 years ago

0.0.0-dev-20220916140800

2 years ago

0.0.0-dev-20220922114557

2 years ago

0.0.0-dev-20220914090509

2 years ago

0.0.0-dev-20220820185458

2 years ago

0.0.0-dev-20220819125800

2 years ago

0.0.0-dev-20220912132201

2 years ago

0.0.0-dev-20220822054045

2 years ago

0.0.0-dev-20220916144141

2 years ago

0.0.0-dev-20220819132034

2 years ago

0.0.0-dev-20220819142048

2 years ago

0.0.0-dev-20220823192757

2 years ago

0.0.0-dev-20220912120959

2 years ago

0.0.0-dev-20220919061024

2 years ago

0.0.0-dev-20220912133211

2 years ago

0.0.0-dev-20220813053727

2 years ago

0.0.0-dev-20220812060931

2 years ago

0.0.0-dev-202261316456

2 years ago

0.0.0-dev-2022520163758

2 years ago

0.0.0-dev-20220813083358

2 years ago

0.0.0-dev-2022515163532

2 years ago

0.0.0-dev-20220813070741

2 years ago

0.0.0-dev-2022520164715

2 years ago

0.0.0-dev-202255105723

2 years ago

0.0.0-dev-2022516151633

2 years ago

0.0.0-dev-202257113310

2 years ago

0.0.0-dev-2022551939

2 years ago

0.0.0-dev-2022659431

2 years ago

0.0.0-dev-2022518113258

2 years ago

0.0.0-dev-20220804194739

2 years ago

0.0.0-dev-20225619634

2 years ago

0.0.0-dev-202255185818

2 years ago

0.0.0-dev-202256151938

2 years ago

0.0.0-dev-20224248516

3 years ago

0.0.0-dev-20220813055957

2 years ago

0.0.0-dev-2022610103716

2 years ago

0.0.0-dev-202242481651

3 years ago

0.0.0-dev-2022516122241

2 years ago

0.0.0-dev-20220811160709

2 years ago

0.0.0-dev-2022520164752

2 years ago

0.0.0-dev-2022612222012

2 years ago

0.0.0-dev-2022610103924

2 years ago

0.0.0-dev-2022520143145

2 years ago

0.0.0-dev-202264144818

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-dev-202261317818

2 years ago

2.0.1

3 years ago

0.0.0-dev-2022511155428

2 years ago

0.0.0-dev-202268165050

2 years ago

0.0.0-dev-202251616831

2 years ago

0.0.0-dev-20220804200605

2 years ago

0.0.0-dev-202256192154

2 years ago

0.0.0-dev-20220811084042

2 years ago

0.0.0-dev-2022659325

2 years ago

0.0.0-dev-2022511155356

2 years ago

0.0.0-dev-20220813052715

2 years ago

0.0.0-dev-20220813051625

2 years ago

0.0.0-dev-202256153840

2 years ago

0.0.0-dev-20224248246

3 years ago

0.0.0-dev-20220813063717

2 years ago

0.0.0-dev-20220805062318

2 years ago

0.0.0-dev-20220804193815

2 years ago

0.0.0-dev-2022511155212

2 years ago

0.0.0-dev-20220804193103

2 years ago

0.0.0-dev-20220811093515

2 years ago

0.0.0-dev-20225517307

2 years ago

0.0.0-dev-2022587541

2 years ago

0.0.0-dev-2022513181240

2 years ago

0.0.0-dev-202257113227

2 years ago

0.0.0-dev-202268163535

2 years ago

0.0.0-dev-202241614743

3 years ago

0.0.0-dev-2022419173934

3 years ago

0.0.0-dev-2022423121615

3 years ago

0.0.0-dev-2022416204849

3 years ago

0.0.0-dev-202241716586

3 years ago

0.0.0-dev-20224239149

3 years ago

2.0.0-next.2

3 years ago

0.0.0-dev-2022423121532

3 years ago

0.0.0-next-dev-202241614737

3 years ago

0.0.0-dev-2022423113827

3 years ago

0.0.0-dev-2022419174740

3 years ago

0.0.0-dev-202241784047

3 years ago

0.0.0-dev-202242121518

3 years ago

2.0.0

3 years ago

0.0.0-dev-2022419101754

3 years ago

0.0.0-dev-20224205231

3 years ago

0.0.0-dev-2022421153722

3 years ago

0.0.0-dev-202241710959

3 years ago

0.0.0-dev-202241710143

3 years ago

0.0.0-dev-202241794553

3 years ago

0.0.0-dev-2022214171014

3 years ago

0.0.0-dev-202236141416

3 years ago

0.0.0-dev-20223655213

3 years ago

0.0.0-dev-2022214195434

3 years ago

0.0.0-dev-2022215181125

3 years ago

0.0.0-dev-2022215183938

3 years ago

2.0.0-next.0

3 years ago

2.0.0-next.1

3 years ago

0.0.0-dev-2022215182043

3 years ago

0.0.0-dev-202221417436

3 years ago

0.0.0-dev-20223491859

3 years ago

0.0.0-dev-202221417325

3 years ago

0.0.0-dev-2022349957

3 years ago

0.0.0-dev-2022349032

3 years ago

0.0.0-dev-20223614103

3 years ago

0.0.0-dev-2022214195653

3 years ago

0.0.0-dev-202236132312

3 years ago

0.0.0-dev-202236131344

3 years ago

0.0.0-dev-2022349233

3 years ago

0.0.0-dev-20223215463

3 years ago

0.0.0-dev-2022225182931

3 years ago

0.0.0-dev-2022228155140

3 years ago

0.0.0-dev-202221419595

3 years ago

0.0.0-dev-2022215184036

3 years ago

0.0.0-dev-2022128224832

3 years ago

0.0.0-dev-2022128215052

3 years ago

0.0.0-dev-2022128214753

3 years ago

0.0.0-dev-202212821520

3 years ago

0.0.0-dev-202212822477

3 years ago

0.0.0-pr-2022062070

3 years ago

0.0.0-pr-202215114422

3 years ago

0.0.0-pr-20220258462

3 years ago

0.0.0-pr-202203231241

3 years ago

0.0.0-pr-2022013191659

3 years ago

0.0.0-pr-202204173424

3 years ago

0.0.0-dev-2021112031456

3 years ago

0.0.0-pr-2022011175644

3 years ago

0.0.0-dev-202212083710

3 years ago

0.0.0-dev-202215122415

3 years ago

0.0.0-dev-202213175727

3 years ago

0.0.0-dev-20220114728

3 years ago

0.0.0-pr-202202423375

3 years ago

0.0.0-pr-2021112822349

3 years ago

0.0.0-dev-202215114149

3 years ago

0.0.0-pr-202111299618

3 years ago

0.0.0-pr-20220920538

3 years ago

0.0.0-pr-202215132532

3 years ago

0.0.0-pr-2022013191557

3 years ago

0.0.0-pr-20221153122

3 years ago

0.0.0-canary-2021118164051

3 years ago

0.0.0-dev-2022117101328

3 years ago

0.0.0-pr-20220620149

3 years ago

0.0.0-canary-2021118154929

3 years ago

0.0.0-pr-202214173148

3 years ago

0.0.0-pr-20211126153437

3 years ago

0.0.0-pr-2021111320117

3 years ago

0.0.0-pr-20211126155055

3 years ago

0.0.0-pr-20221417318

3 years ago

0.0.0-dev-2022028579

3 years ago

0.0.0-pr-20221173648

3 years ago

0.0.0-dev-202201134936

3 years ago

0.0.0-pr-2022024212254

3 years ago

0.0.0-pr-202215111823

3 years ago

0.0.0-dev-2022013193526

3 years ago

0.0.0-pr-20220300344

3 years ago

0.0.0-dev-202215121428

3 years ago

0.0.0-pr-202202618407

3 years ago

0.0.0-pr-202209231642

3 years ago

0.0.0-pr-202214173019

3 years ago

0.0.0-dev-2022028457

3 years ago

0.0.0-pr-202202495536

3 years ago

0.0.0-pr-20211120212826

3 years ago

0.0.0-dev-2021112991233

3 years ago

0.0.0-pr-20221263715

3 years ago

0.0.0-pr-20220251866

3 years ago

0.0.0-pr-2021112822415

3 years ago

0.0.0-pr-2022117102151

3 years ago

0.0.0-dev-2022013193154

3 years ago

0.0.0-dev-20221463045

3 years ago

0.0.0-pr-20211191288

3 years ago

0.0.0-pr-202111299647

3 years ago

0.0.0-pr-2022010134944

3 years ago

0.0.0-dev-202211720414

3 years ago

0.0.0-dev-202202410017

3 years ago

0.0.0-pr-202215114917

3 years ago

0.0.0-dev-2022017182859

3 years ago

0.0.0-pr-202206185910

3 years ago

0.0.0-dev-20211120215621

3 years ago

0.0.0-pr-2022026181758

3 years ago

0.0.0-pr-20211120214314

3 years ago

0.0.0-pr-202215121320

3 years ago

0.0.0-pr-202209211330

3 years ago

0.0.0-pr-202204174042

3 years ago

0.0.0-pr-20211120215645

3 years ago

0.0.0-dev-202212012129

3 years ago

0.0.0-pr-2022114224724

3 years ago

0.0.0-dev-20211126154241

3 years ago

0.0.0-pr-20211113195848

3 years ago

0.0.0-pr-20220209192

3 years ago

0.0.0-pr-202204174930

3 years ago

0.0.0-dev-202201013510

3 years ago

0.0.0-dev-20220281628

3 years ago

0.0.0-pr-202201013538

3 years ago

0.0.0-pr-202211224055

3 years ago

0.0.0-dev-2022026182947

3 years ago

0.0.0-pr-202201319022

3 years ago

0.0.0-dev-2022117203714

3 years ago

0.0.0-pr-20220284534

3 years ago

0.0.0-dev-2022120123118

3 years ago

0.0.0-pr-2022020961

3 years ago

0.0.0-pr-202202092345

3 years ago

0.0.0-pr-2022014183133

3 years ago

0.0.0-dev-2022117102223

3 years ago

0.0.0-pr-20220282356

3 years ago

0.0.0-pr-202202410034

3 years ago

0.0.0-pr-20211113202333

3 years ago

0.0.0-pr-20211120213315

3 years ago

0.0.0-dev-202202591453

3 years ago

0.0.0-pr-202209231927

3 years ago

1.2.7

3 years ago

0.0.0-pr-2022024234531

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-dev-202202585455

3 years ago

1.2.2

3 years ago

0.0.0-pr-20211126153854

3 years ago

0.0.0-pr-20221512130

3 years ago

0.0.0-dev-202202495727

3 years ago

0.0.0-pr-20221272450

3 years ago

0.0.0-dev-202215111945

3 years ago

0.0.0-dev-20211115102948

3 years ago

0.0.0-pr-20221173228

3 years ago

0.0.0-pr-202209231818

3 years ago

0.0.0-pr-20220921590

3 years ago

0.0.0-pr-202203225541

3 years ago

0.0.0-dev-2022117103018

3 years ago

0.0.0-dev-202201117413

3 years ago

0.0.0-pr-2022026182926

3 years ago

0.0.0-pr-202208163634

3 years ago

0.0.0-pr-2021112991213

3 years ago

0.0.0-pr-202215113950

3 years ago

0.0.0-pr-202208164521

3 years ago

0.0.0-dev-202111299720

3 years ago

0.0.0-dev-202202592640

3 years ago

0.0.0-dev-2022117131714

3 years ago

0.0.0-dev-202201319130

3 years ago

0.0.0-pr-20211120212927

3 years ago

0.0.0-pr-202202495553

3 years ago

0.0.0-dev-20211115103018

3 years ago

0.0.0-dev-20220258423

3 years ago

0.0.0-pr-2022017182645

3 years ago

0.0.0-pr-20220259146

3 years ago

0.0.0-pr-202202584437

3 years ago

0.0.0-dev-20211129982

3 years ago

0.0.0-pr-202111921327

3 years ago

0.0.0-dev-202215114442

3 years ago

0.0.0-pr-20221462931

3 years ago

0.0.0-dev-20220209527

3 years ago

0.0.0-dev-2021112031622

3 years ago

0.0.0-pr-20220816386

3 years ago

0.0.0-pr-20211113201444

3 years ago

0.0.0-pr-202202495259

3 years ago

0.0.0-pr-2022014102532

3 years ago

0.0.0-pr-202201319211

3 years ago

0.0.0-pr-2022028277

3 years ago

0.0.0-pr-202211713187

3 years ago

0.0.0-pr-20221272130

3 years ago

0.0.0-dev-2022117201925

3 years ago

0.0.0-pr-202211594731

3 years ago

0.0.0-pr-202209205059

3 years ago

0.0.0-pr-2021111320052

3 years ago

0.0.0-dev-20220282224

3 years ago

0.0.0-dev-20220258486

3 years ago

0.0.0-pr-2022011182024

3 years ago

0.0.0-dev-202201418849

3 years ago

0.0.0-dev-202202591937

3 years ago

0.0.0-pr-202201418280

3 years ago

0.0.0-dev-20211115103321

3 years ago

0.0.0-pr-2021112821613

3 years ago

0.0.0-dev-2021112024830

3 years ago

0.0.0-dev-2022013185957

3 years ago

0.0.0-dev-2022120114225

3 years ago

0.0.0-pr-20211126154235

3 years ago

0.0.0-pr-20220483049

3 years ago

0.0.0-pr-202204203645

3 years ago

0.0.0-dev-20220114234

3 years ago

0.0.0-dev-202215121353

3 years ago

0.0.0-pr-202214171317

3 years ago

0.0.0-dev-2021111913282

3 years ago

0.0.0-pr-202212011232

3 years ago

0.0.0-pr-20211129981

3 years ago

0.0.0-pr-20221512346

3 years ago

0.0.0-dev-20220620653

3 years ago

0.0.0-pr-20220421928

3 years ago

0.0.0-pr-20211128215540

3 years ago

0.0.0-dev-20221513279

3 years ago

0.0.0-pr-2022013192043

3 years ago

0.0.0-pr-20211126151058

3 years ago

0.0.0-dev-2022028387

3 years ago

0.0.0-pr-2022013191632

3 years ago

0.0.0-pr-202215125733

3 years ago

0.0.0-dev-202215112739

3 years ago

0.0.0-pr-202211224227

3 years ago

0.0.0-pr-2022013191627

3 years ago

0.0.0-pr-202215113521

3 years ago

0.0.0-dev-2022120114012

3 years ago

0.0.0-dev-20221152957

3 years ago

0.0.0-pr-20221512359

3 years ago

0.0.0-dev-2022120113958

3 years ago

0.0.0-pr-2021112616030

3 years ago

0.0.0-pr-20211115103050

3 years ago

0.0.0-dev-20221512173

3 years ago

0.0.0-pr-202206192031

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago