Gathering detailed insights and metrics for @bobyzgirlllnpm/occaecati-aliquam-explicabo
Gathering detailed insights and metrics for @bobyzgirlllnpm/occaecati-aliquam-explicabo
Installations
npm install @bobyzgirlllnpm/occaecati-aliquam-explicaboDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
20.12.2
NPM Version
10.5.0
Releases
Unable to fetch releases
Download Statistics
Total Downloads
264
Last Day
10
Last Week
73
Last Month
131
Last Year
264
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
@bobyzgirlllnpm/occaecati-aliquam-explicabo@1.0.0
Unpacked Size
36.43 kB
Size
8.62 kB
File Count
8
NPM Version
10.5.0
Node Version
20.12.2
Published on
May 11, 2024
Total Downloads
Cumulative downloads
Total Downloads
264
Last Day
-44.4%
10
Compared to previous day
Last Week
69.8%
73
Compared to previous week
Last Month
1,355.6%
131
Compared to previous month
Last Year
0%
264
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
30
@bobyzgirlllnpm/aspernatur-fugiat-quam@bobyzgirlllnpm/autem-nemo-incidunt@bobyzgirlllnpm/dolorem-officia-assumenda@bobyzgirlllnpm/dolorem-vero-atque@bobyzgirlllnpm/facere-ipsum-aspernatur@bobyzgirlllnpm/id-nobis-pariatur@bobyzgirlllnpm/illo-architecto-dolorum@bobyzgirlllnpm/impedit-quia-ea@bobyzgirlllnpm/itaque-similique-commodi@bobyzgirlllnpm/iure-velit-sapiente@bobyzgirlllnpm/libero-facere-id@bobyzgirlllnpm/libero-itaque-consequuntur@bobyzgirlllnpm/magnam-laboriosam-illum@bobyzgirlllnpm/mollitia-doloribus-sapiente@bobyzgirlllnpm/mollitia-fugit-officia@bobyzgirlllnpm/nesciunt-voluptatibus-nesciunt@bobyzgirlllnpm/nostrum-inventore-quasi@bobyzgirlllnpm/nostrum-voluptate-provident@bobyzgirlllnpm/pariatur-recusandae-id@bobyzgirlllnpm/perspiciatis-sequi-eligendi@bobyzgirlllnpm/recusandae-minus-veritatis@bobyzgirlllnpm/repudiandae-quae-in@bobyzgirlllnpm/saepe-autem-impedit@bobyzgirlllnpm/suscipit-nisi-fuga@bobyzgirlllnpm/ullam-voluptate-placeat@drftgyhuji7npm/repellendus-eum-et-itaquehai-custom-buttonremind-works-8thweb3-khai-1web3-khai-2
pi-lib
A monorepo design system of React UI components and supporting utilities. Pi supports theming and comes with some starter themes. All packages prefixed with @pi-lib/... are standalone npm modules for use with a package manager like npm, yarn or pnpm.
Create a theme, use one of the provided themes or stick with the default, then build your app with the React components by importing them individually.
Theming
styles
@pi-lib/styles
React theming utility for use with Pi and styled-components
Peer Dependencies: react, styled-components
| Docs | NPM | Github |
Atoms
Button
@pi-lib/button
A styled React button component with a status
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
CustomIcon
@pi-lib/custom-icon
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, react-svg, styled-components
| Docs | NPM | Github |
Grid
@pi-lib/grid
A wrapper for a simple grid layout.
Peer Dependencies: @pi-lib/styles, react, styled-components
| Docs | NPM | Github |
IconButton
@pi-lib/icon-button
A React component for a special button with an icon
Peer Dependencies: @pi-lib/custom-icon, @pi-lib/styles, @pi-lib/utils, react, react-svg, styled-components
| Docs | NPM | Github |
Link
@pi-lib/link
A React component for a router optional link
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, react-router-dom, styled-components
| Docs | NPM | Github |
ModalScreen
@pi-lib/modal-screen
A React component used to block out the screen with modal content
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
PageBanner
@pi-lib/page-banner
A banner React component that can comtain spaced or flowing items
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
PageGrid
@pi-lib/page-grid
A wrapper for a page grid layout.
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
Tooltip
@pi-lib/tooltip
A React component used to show and position a tooltip containing content
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
Molecules
AdvancedButton
@pi-lib/advanced-button
A React component for an advanced button with a built in loader
Peer Dependencies: @pi-lib/button, @pi-lib/loader, react, styled-components
| Docs | NPM | Github |
Card
@pi-lib/card
A card component with a title and subtitle.
Peer Dependencies: @pi-lib/styles, @pi-lib/utils, @pi-lib/custom-icon, react, styled-components
| Docs | NPM | Github |
Carousel
@pi-lib/carousel
Peer Dependencies: @pi-lib/styles, @pi-lib/use-limited-events, @pi-lib/use-touch, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
CollapsibleMenu
@pi-lib/collapsible-menu
A React component for an expanding/collapsing menu with icons
Peer Dependencies: @pi-lib/icon, @pi-lib/styles, @bobyzgirlllnpm/occaecati-aliquam-explicabo, react, react-aria, react-aria-components, react-stately, styled-components
| Docs | NPM | Github |
Modal
@pi-lib/modal
Modal for custom content that allows dismissal internally or externally
Peer Dependencies: @pi-lib/dismissable-content, @pi-lib/modal-screen, @pi-lib/styles, @bobyzgirlllnpm/occaecati-aliquam-explicabo, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
PageContent
@pi-lib/page-content
A React component for a page layout with a sidebar
Peer Dependencies: @pi-lib/styles, react, styled-components
| Docs | NPM | Github |
PageLoader
@pi-lib/page-loader
A React component for a page blocking loader
Peer Dependencies: @pi-lib/loader, @pi-lib/modal-screen, @pi-lib/styles, react, styled-components
| Docs | NPM | Github |
Table
@pi-lib/table
A React component for a table with expandable rows
Peer Dependencies: @pi-lib/styles, react, styled-components
| Docs | NPM | Github |
Visualisations
AxisChart
@pi-lib/axis-chart
A React component used to display a bar ot line chart
Peer Dependencies: @pi-lib/styles, @pi-lib/use-timer, @pi-lib/utils, d-theia, react, styled-components
| Docs | NPM | Github |
CandlestickChart
@pi-lib/candlestick-chart
A candlestick chart React component used to show the movement of traded assets over time.
Peer Dependencies: @pi-lib/button, @pi-lib/do-transition, @pi-lib/loader, @pi-lib/select, @pi-lib/styles, @pi-lib/tooltip, @pi-lib/use-hash-comparison, @pi-lib/use-limited-events, @pi-lib/use-touch, @pi-lib/utils, d3-axis, d3-scale, d3-selection, d3-transition, react, styled-components
| Docs | NPM | Github |
Shimmer
@pi-lib/shimmer
A shimmering text ticker animation.
Peer Dependencies: @pi-lib/styles, @pi-lib/use-timer, react, styled-components
| Docs | NPM | Github |
Stellar
@pi-lib/stellar
A spacefaring scene that takes you through the stars.
Peer Dependencies: @pi-lib/do-transition, @pi-lib/styles, @pi-lib/use-limited-events, @pi-lib/utils, react, styled-components
| Docs | NPM | Github |
WorldMap
@pi-lib/world-map
A React component for an SVG world map chart
Peer Dependencies: @pi-lib/styles, d3-geo, d3-selection, react, styled-components
| Docs | NPM | Github |
Utilities
config
@pi-lib/config
Shared Pi config
| NPM | Github |
constants
@pi-lib/constants
Shared Pi constants
| NPM | Github |
types
@pi-lib/types
Global types for Pi
| NPM | Github |
useLimitedEvents
@pi-lib/use-limited-events
Hook used to add debounced or throttled events to a React component
Peer Dependencies: @pi-lib/use-hash-comparison, @pi-lib/utils, react
| Docs | NPM | Github |
useTimer
@pi-lib/use-timer
Hook used to add setTimeout or setInterval to a React component
Peer Dependencies: @pi-lib/constants, react
| Docs | NPM | Github |
useWindowClick
@bobyzgirlllnpm/occaecati-aliquam-explicabo
Hook used to add throttled escape (window) clicks to a React component
Peer Dependencies: @pi-lib/use-limited-events, react
| Docs | NPM | Github |
usehashComparison
@pi-lib/use-hash-comparison
Create a hash of any object - can be used to compare dependencies and ensure correct re-rendering.
Peer Dependencies: @pi-lib/utils, react
| Docs | NPM | Github |
utils
@pi-lib/utils
Utilities for use with Pi
Peer Dependencies: react, react-aria
| NPM | Github |
Development
Pi uses PNPM to manage the monorepo, with some performance enhancements from nx.
- Installation - Clone the repo and use
pnpm ito install. - Storybook - Use
pnpm sb:devto launch Storybook. - New components - Use
pnpm gen:new [path] [ComponentName]to scaffold a new component.
Contribution
If you have a contribution, make a fork then set this repo as your upstream. Make your branch and raise a pull request into main. Run pnpm pre:release to run some code quality checks and register the changes with the pipeline, then push the change files to the PR source branch. This will automatically publish version bumps when the PR is merged.
No vulnerabilities found.
No security vulnerabilities found.