Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@chakra-ui/stat

Package Overview
Dependencies
Maintainers
3
Versions
445
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/stat - npm Package Compare versions

Comparing version 0.0.0-dev-20220804193815 to 0.0.0-dev-20220804194739

17

package.json
{
"name": "@chakra-ui/stat",
"version": "0.0.0-dev-20220804193815",
"version": "0.0.0-dev-20220804194739",
"description": "A React component for displaying statistics",

@@ -36,13 +36,13 @@ "keywords": [

"dependencies": {
"@chakra-ui/icon": "0.0.0-dev-20220804193815",
"@chakra-ui/utils": "0.0.0-dev-20220804193815",
"@chakra-ui/react-utils": "0.0.0-dev-20220804193815",
"@chakra-ui/visually-hidden": "0.0.0-dev-20220804193815"
"@chakra-ui/icon": "0.0.0-dev-20220804194739",
"@chakra-ui/utils": "0.0.0-dev-20220804194739",
"@chakra-ui/react-utils": "0.0.0-dev-20220804194739",
"@chakra-ui/visually-hidden": "0.0.0-dev-20220804194739"
},
"devDependencies": {
"@chakra-ui/system": "0.0.0-dev-20220804193815",
"@chakra-ui/system": "0.0.0-dev-20220804194739",
"react": "^18.0.0"
},
"peerDependencies": {
"@chakra-ui/system": "0.0.0-dev-20220804193815",
"@chakra-ui/system": "0.0.0-dev-20220804194739",
"react": ">=18"

@@ -56,4 +56,3 @@ },

"build:fast": "JSX=1 tsup src/index.ts"
},
"readme": "# Stat\n\nAs the name implies, the Stat component is used to display some statistics.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/stat\n\n# or\n\nnpm i @chakra-ui/stat\n```\n\n## Import components\n\n```jsx\nimport {\n Stat,\n StatArrow,\n StatLabel,\n StatGroup,\n StatNumber,\n StatUpArrow,\n StatHelpText,\n StatDownArrow,\n} from \"@chakra-ui/stat\"\n```\n\n## Usage\n\n```jsx\n<Stat>\n <StatLabel>Collected Fees</StatLabel>\n <StatNumber>£0.00</StatNumber>\n <StatHelpText>Feb 12 - Feb 28</StatHelpText>\n</Stat>\n\n\n<StatGroup>\n <Stat>\n <StatLabel>Sent</StatLabel>\n <StatNumber>345,670</StatNumber>\n <StatHelpText>\n 23.36%\n </StatHelpText>\n </Stat>\n\n <Stat>\n <StatLabel>Clicked</StatLabel>\n <StatNumber>45</StatNumber>\n <StatHelpText>\n 9.05%\n </StatHelpText>\n </Stat>\n</StatGroup>\n```\n\n## Stat with Indicator\n\n```jsx\n<StatGroup>\n <Stat>\n <StatLabel>Sent</StatLabel>\n <StatNumber>345,670</StatNumber>\n <StatHelpText>\n <StatArrow type=\"increase\" />\n 23.36%\n </StatHelpText>\n </Stat>\n</StatGroup>\n```\n"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc