@jinpill/react-libs NPM

@jinpill/react-libs

My personal react libraries.

# npm
npm i -D @jinpill/react-libs

# yarn
yarn add -D @jinpill/react-libs

# pnpm
pnpm add -D @jinpill/react-libs

Import and use the components or hooks in your project.

Name	Usage
Card	This component is a simple card UI.
Scrim	This component is a simple scrim UI.
Icon	This component displays SVG icons based on the inputted source or preset name.
Ellipsis	This component truncates and displays content based on the length of the child text.
BottomSheet	The mobile-style popup UI that comes up from the bottom of the screen.

Name	Usage
Chip	This component is a simple chip UI.
Button	This component is a simple button UI.
Dropdown	This component is a simple dropdown UI.
Checkbox	This component is a simple checkbox UI.
Radio	This component is a simple radio UI.
Options	This component displays a selectable options list at the top of the screen.
Scrollbar	This component displays the same appearance of scrollbar regardless of the browser and OS.

Name	Usage
useStateRef	This hook returns a ref object refering to the state.
useTimeout	This hook helps manage setTimeout easily in React.
useInterval	This hook helps manage setInterval easily in React.
useMountEffect	This hook helps animate components on mount and unmount.