var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var b=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),x=(e,t)=>{for(var n in t)s(e,n,{get:t[n],enumerable:!0})},i=(e,t,n,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!u.call(e,r)&&r!==n&&s(e,r,{get:()=>t[r],enumerable:!(c=p(t,r))||c.enumerable});return e};var g=(e,t,n)=>(n=e!=null?d(h(e)):{},i(t||!e||!e.__esModule?s(n,"default",{value:e,enumerable:!0}):n,e)),j=e=>i(s({},"__esModule",{value:!0}),e);var l=b((f,o)=>{o.exports=_jsx_runtime});var T={};x(T,{default:()=>H,frontmatter:()=>N});var a=g(l()),N={id:"stat",title:"Stat",category:"data-display",package:"@chakra-ui/stat",description:"As the name implies, the `Stat` component is used to display some statistics."};function S(e){let t=Object.assign({h2:"h2",pre:"pre",code:"code",h3:"h3"},e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"import",children:"Import"}),` `,(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-js",children:`import { Stat, StatLabel, StatNumber, StatHelpText, StatArrow, StatGroup } from '@chakra-ui/react' `})}),` `,(0,a.jsx)(t.h2,{id:"basic-usage",children:"Basic Usage"}),` `,(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-jsx",children:` Collected Fees \xA30.00 Feb 12 - Feb 28 `})}),` `,(0,a.jsx)(t.h3,{id:"stat-with-indicator",children:"Stat with Indicator"}),` `,(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-jsx",children:` Sent 345,670 23.36% Clicked 45 9.05% `})})]})}function L(e={}){let{wrapper:t}=e.components||{};return t?(0,a.jsx)(t,Object.assign({},e,{children:(0,a.jsx)(S,e)})):S(e)}var H=L;return j(T);})(); ;return Component;

Stat

size

variant

`size`

`variant`