pstake-ui-components

UI Components and utility library for pSTAKE App.

npm

npm i @persistenceone/pstake-ui-components

Available Components

import {
    Button, 
    ButtonLink, // to redirct from button
    Dropdown,
    Input, 
    Modal, 
    Switch,
    Tabs,
    Spinner,
    Radio
} from "@persistenceone/pstake-ui-components";

Available Hooks

import {
    useLocalStorage, 
    useWindowSize,
    useOnClickOutside,
    useOnlineStatus,
    useSortableTable
} from "@persistenceone/pstake-ui-components";

Available helper functions

import {
    formatNumber,
    stringTruncate,
    truncateToFixedDecimalPlaces,
    numberFormat,
    getTokenImgFromDenom,
    minifiyTxnHash,
    getActiveSideBarItem,
    getChainSpecificAssets,
    getPercentChange
} from "@persistenceone/pstake-ui-components";

TailwindCSS Config

module.exports = {
    content: [
    ...
    "./node_modules/@persistenceone/pstake-ui-components/**/*.{js,ts,jsx,tsx,mdx}",
    ],
}