PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.120.5

npm

@0xflair/react-ui

Tailwind and React components and hooks that helps building a web3 dApp dashboard.

Published3 Oct 2022
Direct dependencies14
Transitive dependenciesNot calculated

README

Current package documentation

Flair SDK: react-dashboard

Tailwind and React components and hooks that helps building a web3 dApp dashboard.

Getting Started

Installation

  1. Install the package:

    npm install @0xflair/react-ui

  2. Install peer dependencies if not already done:

    npm install tailwindcss @headlessui/react @heroicons/react @tailwindcss/aspect-ratio

  3. Configure tailwind.config.js (Tailwind v3) to scan SDK for classes:

    module.exports = {
  purge: [
    "./public/**/*.html",
    "./src/**/*.{js,jsx,ts,tsx,vue}",

    // This line tells Tailwind to look into SDK files
    "./node_modules/@0xflair/**/*.{js,jsx,ts,tsx,vue}",
  ],
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  plugins: [
    // These plugsins are used in this package
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
  ],
};

Example

import { FormSection } from "@0xflair/react-ui";

function CreatePage() {
  return (
    <>
      <FormSection
        title={"Wallet Info"}
        description={"Provide information about your wallet"}
      >
        ...
      </FormSection>
    </>
  );

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 23

Native requirements
14 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@0xflair/react-common
Environment
{
  "local_name": "@0xflair/react-common",
  "alias": false,
  "peer_metadata": null
}
^0.120.5runtime
@headlessui/react
Environment
{
  "local_name": "@headlessui/react",
  "alias": false,
  "peer_metadata": null
}
^1.6.0runtime
@heroicons/react
Environment
{
  "local_name": "@heroicons/react",
  "alias": false,
  "peer_metadata": null
}
^1.0.6runtime
@wagmi/core
Environment
{
  "local_name": "@wagmi/core",
  "alias": false,
  "peer_metadata": null
}
^0.2.5runtime
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5runtime
prism-react-renderer
Environment
{
  "local_name": "prism-react-renderer",
  "alias": false,
  "peer_metadata": null
}
^1.3.1runtime
react-dropzone
Environment
{
  "local_name": "react-dropzone",
  "alias": false,
  "peer_metadata": null
}
^12.0.4runtime
react-modal
Environment
{
  "local_name": "react-modal",
  "alias": false,
  "peer_metadata": null
}
^3.15.1runtime
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^0.3.5runtime
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.0.10development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.0.5development
@0xflair/react-common
Environment
{
  "local_name": "@0xflair/react-common",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
@headlessui/react
Environment
{
  "local_name": "@headlessui/react",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
@heroicons/react
Environment
{
  "local_name": "@heroicons/react",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
@wagmi/core
Environment
{
  "local_name": "@wagmi/core",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
prism-react-renderer
Environment
{
  "local_name": "prism-react-renderer",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
^16 || ^17 || ^18peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
^16 || ^17 || ^18peer
react-dropzone
Environment
{
  "local_name": "react-dropzone",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
react-modal
Environment
{
  "local_name": "react-modal",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
react-query
Environment
{
  "local_name": "react-query",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
*peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-KYLizaRd+RNkDHE+Se3JqwyE3r3S3nJAA40gn/3bu9CXqFWp/vcX/VnKjVsWUJ4q5ff787TOmCxd+2Jjw0gNeA==",
  "shasum": "f26cb7e42613d11ad9c66ca251c6a42073f9f3bb",
  "tarball": "https://registry.npmjs.org/@0xflair/react-ui/-/react-ui-0.120.5.tgz",
  "fileCount": 8,
  "unpackedSize": 216337,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQCauIcUIx8RpPa6WoMAUb3VRMX38zU402T2RjjhDx8LhgIhALmqB2D3zzd/ncZe/s4YeyuMRXM1QzCaU6al46mY5eI2"
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOsz5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFSBAAkw4U54bh1j9eNGVXTVI0MLKD9xWB2OibUNLWhuJPGytJPs9b\r\nTQ9lJZahWU45n8eTIJG4diDpgsBOpSo9eEfJUml6nXz7/TLGYLiH1v0aDfXE\r\nwTEGFrXI2LsUR2DNwpsg05j/6EkmQU/iZTtgkx4CEp6qmgsFnJvh6Jy3KeXq\r\n/z7uIMn3Aeak+rpvM971dI2+0AI6EfXy84XkFvwEzfwSixKmhdgi0IJsq3Qt\r\nTl3T/ws9dIN8b81vusQVPUN0+JfjwIfu/HSNeV+gb4tJWCFFQuw0s5j1birA\r\nxGMniciu5ZgDBhqLv89Y/or58j+ykU4n6Oi+lrjlF5xPnbX0+/ddfk0e2wwt\r\neufTDzbWXqYSHsntxsfvNmfd++bew2YY1fT1nQJLyi+swjmW+t11uoqxsTxP\r\nLace/sBEJasbCGupyiW6fuHZ5pxtzAMXfZBxWh5NB3bMRHYfT3HdL6ihCTW8\r\nk9MsAhYRXWqASrPGoydBuy9FLTwRGWpb0e1vlu+Oor+86dW8UkRLeM0TT98p\r\nsDeQCycNG1KyNRg4Wbasy0zRru+HPFjTwaLpMd3rXsQGlDTCdQpEYwhspYLq\r\nyDslN3ruAZDb/m2IQf3FH+ZrT0GnvajEezDxcb3Sa/WYaUei6uhDs86Jt6qf\r\n681MNsdCkbTGdEn8V8nXt7qapoC7K1TEpLA=\r\n=TfCk\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING
0xflair/typescript-sdk

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 23:33 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:0f617b6afc95f5c2b3de3e07aa3e24d4e7d3cfc07c5e9d6b59a177a3673abf4c

Other collected versions

0.123.227 Nov0.123.112 Nov0.123.08 Nov0.122.228 Oct0.122.128 Oct0.122.028 OctView all collected versions →