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-20220620653 to 0.0.0-dev-20220804193103

dist/index.cjs.js

38

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

@@ -18,8 +18,7 @@ "keywords": [

"license": "MIT",
"main": "dist/chakra-ui-stat.cjs.js",
"module": "dist/chakra-ui-stat.esm.js",
"types": "dist/chakra-ui-stat.cjs.d.ts",
"main": "dist/index.cjs.js",
"module": "dist/index.esm.js",
"types": "dist/index.d.ts",
"files": [
"dist",
"src"
"dist"
],

@@ -38,14 +37,23 @@ "publishConfig": {

"dependencies": {
"@chakra-ui/icon": "0.0.0-dev-20220620653",
"@chakra-ui/utils": "1.9.1",
"@chakra-ui/visually-hidden": "0.0.0-dev-20220620653"
"@chakra-ui/icon": "0.0.0-dev-20220804193103",
"@chakra-ui/utils": "0.0.0-dev-20220804193103",
"@chakra-ui/react-utils": "0.0.0-dev-20220804193103",
"@chakra-ui/visually-hidden": "0.0.0-dev-20220804193103"
},
"devDependencies": {
"@chakra-ui/system": "0.0.0-dev-20220620653",
"react": "^17.0.1"
"@chakra-ui/system": "0.0.0-dev-20220804193103",
"react": "^18.0.0"
},
"peerDependencies": {
"@chakra-ui/system": ">=0.0.0-dev-20220620653",
"react": ">=16.8.6"
}
}
"@chakra-ui/system": "0.0.0-dev-20220804193103",
"react": ">=18"
},
"scripts": {
"build": "JSX=1 tsup src/index.ts --dts",
"dev": "pnpm build -- --watch",
"clean": "rimraf dist .turbo",
"typecheck": "tsc --noEmit",
"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