Back to packageRELEASE DETAILS

0.48.1

npm

@0xflair/react-ui

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

Published26 May 2022

Direct dependencies9

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

Install the package:
```
npm install @0xflair/react-ui
```

Install peer dependencies if not already done:

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

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 16

Native requirements

9 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
@0xflair/react-common Environment { "local_name": "@0xflair/react-common", "alias": false, "peer_metadata": null }	`^0.48.1`	runtime
@headlessui/react Environment { "local_name": "@headlessui/react", "alias": false, "peer_metadata": null }	`^1.6.0`	runtime
@heroicons/react Environment { "local_name": "@heroicons/react", "alias": false, "peer_metadata": null }	`^1.0.6`	runtime
prism-react-renderer Environment { "local_name": "prism-react-renderer", "alias": false, "peer_metadata": null }	`^1.3.1`	runtime
react-dropzone Environment { "local_name": "react-dropzone", "alias": false, "peer_metadata": null }	`^12.0.4`	runtime
usehooks-ts Environment { "local_name": "usehooks-ts", "alias": false, "peer_metadata": null }	`^2.5.2`	runtime
wagmi Environment { "local_name": "wagmi", "alias": false, "peer_metadata": null }	`^0.3.5`	runtime
@0xflair/react-common Environment { "local_name": "@0xflair/react-common", "alias": false, "peer_metadata": null }	`0.*`	peer
@headlessui/react Environment { "local_name": "@headlessui/react", "alias": false, "peer_metadata": null }	`^1.6.0`	peer
@heroicons/react Environment { "local_name": "@heroicons/react", "alias": false, "peer_metadata": null }	`^1.0.6`	peer
prism-react-renderer Environment { "local_name": "prism-react-renderer", "alias": false, "peer_metadata": null }	`^1.3.1`	peer
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^17.0.2`	peer
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^17.0.2`	peer
react-dropzone Environment { "local_name": "react-dropzone", "alias": false, "peer_metadata": null }	`^12.0.4`	peer
usehooks-ts Environment { "local_name": "usehooks-ts", "alias": false, "peer_metadata": null }	`^2.5.2`	peer
wagmi Environment { "local_name": "wagmi", "alias": false, "peer_metadata": null }	`^0.3.5`	peer

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-6ZLWtebJ/Cj3bOiFFV2JhXMMYbJJDZgSNDicmzG/CchufSjtcXe4de+L7aIJVZVZ07N73utCzVPuo/MypTI/hQ==",
  "shasum": "075a78fbc2d5726d8ad18210560b2e0b4646102c",
  "tarball": "https://registry.npmjs.org/@0xflair/react-ui/-/react-ui-0.48.1.tgz",
  "fileCount": 8,
  "unpackedSize": 632191,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIF57K+DvSEvGV3VN9gR58DkSE25ywL8SoYrLYWKN0AWJAiAsQbj6vWOuWvh8RCpy5UdVZFwd5iJ4jf1VQXgBPwI5SQ=="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij7PfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprsA/9E9tlm2dBA6oVDehuHF0iXGsz0sF+oSHCNP40gh/H46rMVlUg\r\nKjO9QyAzUOT7/5v/WxyHNpi/Z7xRv/lu+CaSAzbnrbKNxQb3X+LwU/0OvPbm\r\nxTsa6ua6XajK2wkg5uC8ZBElQ5EjnTAZd/XEgClYg8En6jeXivlcwD/MDudS\r\n+mMKrEz171CPyBJrR+bGlmeHR/y7Ek66HTLCLInXkgxeAGm2UwGqWkvNEtVn\r\nJb4Dis/CgaHAgubIrDQLkCGdL4uA1aPd4pW/cQq95peHyxVJ8htF3Hs08cuF\r\nQruSpKRe3tKDvb5FFlU+JT3/VAsqO9yIOe8/0eJf2jzU6lF3Cr7l9PqDi65Q\r\nU1gxf4ifxFEtH/DaJuSJkRdxSF2XlMBiA5hJcn++QhHwAn4PN5mOknLllT1Z\r\nJc0+/+CcXyu447ZaYNc8zB8iMJdvlqT2cw/iAJJHDEb1MIkv9r0J9ft3YIQf\r\npgHAjWMvt+q+xnEv1C85cmkJuHkOvOGXET9ZbfuJ58yo6G2hJ8pJgRI6K+9D\r\nPHeo9UKKC8YryTe/lJotlGSBUxawBKwxmLhop3wtpJ/PhGzBYCkgZXZGtZvr\r\ngwM2x66NBAyjl+8GPAUtHGE4Xs+51iFBE5sasJELnAGRp6O1XR8IndbxPjjy\r\nWkZFJfLQn2cp3cSO7h5Jt/5zzgyYu/xqg2U=\r\n=iyEG\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:32 UTC

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

Record identity

package_version:3095485bb10a6c63ea36f1e561f71abdf3a51032dd6721956b2fc26e85c5d30a

Other collected versions

0.123.227 Nov 0.123.112 Nov 0.123.08 Nov 0.122.228 Oct 0.122.128 Oct 0.122.028 Oct View all collected versions →