Gathering detailed insights and metrics for @britannica/ui
Gathering detailed insights and metrics for @britannica/ui
Installations
npm install @britannica/uiDeveloper Guide
BETA
Typescript
No
Module System
CommonJS, UMD
Node Version
20.19.1
NPM Version
10.8.2
Score
68.4
Supply Chain
81.9
Quality
96.5
Maintenance
100
Vulnerability
99.6
License
Releases
Unable to fetch releases
Download Statistics
Total Downloads
74,125
Last Day
10
Last Week
143
Last Month
907
Last Year
14,028
Bundle Size
12.61 kB
Minified
3.83 kB
Minified + Gzipped
Maintainers
5
Package Meta Information
Latest Version
1.21.0
Package Id
@britannica/ui@1.21.0
Unpacked Size
636.82 kB
Size
121.37 kB
File Count
213
NPM Version
10.8.2
Node Version
20.19.1
Published on
May 05, 2025
Total Downloads
Cumulative downloads
Total Downloads
74,125
Last Day
-54.5%
10
Compared to previous day
Last Week
-2.7%
143
Compared to previous week
Last Month
-48.6%
907
Compared to previous month
Last Year
-27.9%
14,028
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
2
Peer Dependencies
3
Dev Dependencies
65
@babel/core@babel/eslint-parser@babel/plugin-proposal-nullish-coalescing-operator@babel/plugin-proposal-optional-chaining@babel/preset-react@britannica/eslint-config@commitlint/cli@commitlint/config-conventional@popperjs/core@rollup/plugin-babel@rollup/plugin-commonjs@rollup/plugin-node-resolve@rollup/plugin-replace@rollup/plugin-terser@rollup/plugin-typescript@semantic-release/commit-analyzer@semantic-release/git@semantic-release/github@semantic-release/npm@semantic-release/release-notes-generator@storybook/addon-actions@storybook/addon-essentials@storybook/addon-links@storybook/builder-webpack5@storybook/manager-webpack5@storybook/react@testing-library/jest-dom@types/jest@testing-library/react@types/lodash-es@types/react@types/react-dom@typescript-eslint/parserbabel-loaderbabel-plugin-annotate-pure-callsbabel-plugin-dev-expressioncss-loadereslinteslint-config-prettiereslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-prettiereslint-plugin-reacteslint-plugin-react-hookshuskyjestjest-environment-jsdomlint-stagedlodash-espostcssprettierreactreact-domrimrafrolluprollup-plugin-peer-deps-externalrollup-plugin-postcssrollup-plugin-sourcemapssasssass-loadersemantic-releasestyle-loaderts-jesttslibtypescript
Optional Dependencies
1
@britannica/ui
Consumer style system and React component library
Storybook: https://britannica.github.io/consumer-ui
Installation and Basic Usage
npm install @britannica/ui
Include the CSS
Via JavaScript:
1// Your app's main application file. e.g. index.js or App.js 2import '@britannica/ui/dist/britannica-ui.css';
Via CSS:
1@import '~@britannica/ui/dist/britannica-ui.css';
Via HTML:
1<!-- You can specify a specific version --> 2<link href="https://unpkg.com/@britannica/ui@0.2.5/dist/britannica-ui.css" rel="stylesheet" /> 3 4<!-- Or if you always want the latest --> 5<link href="https://unpkg.com/@britannica/ui@latest/dist/britannica-ui.css" rel="stylesheet" />
Note: More documentation is on the way, but for now we recommend looking at a couple different places for relevant style information:
Import a component
1import { Button } from '@britannica/ui'; 2 3const MyComponent = () => <Button label="Enable Bat-Signal">Enable Bat-Signal</Button>;
Note: More documentation is on the way, but for now we recommend looking at the propTypes within each of the components to see which components exist as well as which props they accept.
testing
No vulnerabilities found.
No security vulnerabilities found.