2.0.5 • Published 1 year ago

@pooltogether/react-components v2.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

PoolTogether React Tailwind UI Components

React UI components using tailwindcss

Components:

Component Groups

Top level components

Installation:

yarn add @pooltogether/pooltogether-react-components

Usage

Required:

// tailwind.config.js
const pooltogetherTheme = require("@pooltogether/pooltogether-react-components");
module.exports = pooltogetherTheme({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
});

Wrap your app in ThemeContextProvider

// _app.jsx
import { ThemeContextProvider } from '@pooltogether/react-components'
import '@pooltogether/react-components/dist/globals.css'

Now you can use any components you want:

import React from "react";
import { Button } from "@pooltogether/pooltogether-react-components";

<Button type="submit">Submit</Button>;

// -------------------

import React from "react";
import Link from "next/link";
import { ButtonLink } from "@pooltogether/pooltogether-react-components";

// External links
<ButtonLink href={href}>View</ButtonLink>
// Internal links
<Link as={'/home'} href={'/home'}><ButtonLink>Home</ButtonLink></Link>

Local development (yalc)

In pooltogether-react-components: yarn yalc publish

In the app you're importing pooltogether-react-components: yalc add @pooltogether/react-components

Local development (yarn)

TODO: Make this better...

In pooltogether-react-components: yarn yarn link

In the app you're importing pooltogether-react-components: yarn link-components

In pooltogether-react-components: yarn link-local yarn start

In the app you're importing pooltogether-react-components: yarn dev

And your app will hot reload when changes are detected in the components folder!

Testing

  • yarn test will run jest

TODO:

  • integrate prettier/husky with our default prettier config
  • copy unit tests over and get them running in this lib
reactlibrarycomponentstailwindcss
@download/blockies@reach/dialog@reach/menu-button@reach/popover@reach/visually-hiddenclassnamesdeep-equaljs-cookienext-themesreact-content-loaderreact-copy-to-clipboardreact-countupreact-device-detectreact-hotkeysreact-loader-spinnerreact-toastifyreact-tooltip
@infinitebrahmanuniverse/nolb-_poo@everything-registry/sub-chunk-732@zalastax/nolb-_poo
2.0.5

1 year ago

2.0.4

1 year ago

2.0.3

1 year ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

2.0.0-beta.9

2 years ago

2.0.0-beta.8

2 years ago

2.0.0-beta.11

2 years ago

2.0.0-beta.10

2 years ago

2.0.0-beta.13

2 years ago

2.0.0-beta.12

2 years ago

1.18.2

2 years ago

1.19.0-beta.2

2 years ago

1.19.0-beta.3

2 years ago

1.19.0-beta.1

2 years ago

1.19.0-beta.4

2 years ago

2.0.0-beta.7

2 years ago

2.0.0-beta.6

2 years ago

2.0.0-beta.5

2 years ago

2.0.0-beta.4

2 years ago

2.0.0-beta.3

2 years ago

1.20.1

2 years ago

1.20.2

2 years ago

1.20.0

2 years ago

1.20.5

2 years ago

1.20.6

2 years ago

1.20.3

2 years ago

1.20.4

2 years ago

1.20.7

2 years ago

1.20.8

2 years ago

1.18.1

2 years ago

1.18.0

2 years ago

1.13.2

2 years ago

1.13.1

2 years ago

1.14.1

2 years ago

1.14.0

2 years ago

1.14.5

2 years ago

1.14.4

2 years ago

1.14.3

2 years ago

1.14.2

2 years ago

1.14.7

2 years ago

1.14.6

2 years ago

1.15.0

2 years ago

1.15.1

2 years ago

2.0.0-beta.2

2 years ago

2.0.0-beta.1

2 years ago

1.16.0

2 years ago

1.17.0

2 years ago

1.12.7

2 years ago

1.12.6

2 years ago

1.12.9

2 years ago

1.12.8

2 years ago

1.13.0

2 years ago

1.12.10

2 years ago

1.12.16

2 years ago

1.12.15

2 years ago

1.12.12

2 years ago

1.12.11

2 years ago

1.12.14

2 years ago

1.12.13

2 years ago

1.7.7

2 years ago

1.7.6

2 years ago

1.7.5

2 years ago

1.9.0

2 years ago

1.10.0

2 years ago

1.12.3

2 years ago

1.12.2

2 years ago

1.12.1

2 years ago

1.12.0

2 years ago

1.12.4

2 years ago

1.8.2

2 years ago

1.8.1

2 years ago

1.8.0

2 years ago

1.11.0

2 years ago

1.7.4

2 years ago

1.6.33

2 years ago

1.6.32

2 years ago

1.6.34

2 years ago

1.7.3

2 years ago

1.7.2

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

1.6.20

2 years ago

1.6.22

2 years ago

1.6.21

2 years ago

1.6.24

2 years ago

1.6.23

2 years ago

1.6.26

2 years ago

1.6.25

2 years ago

1.6.27

2 years ago

1.6.29

2 years ago

1.6.31

2 years ago

1.6.30

2 years ago

1.6.4

2 years ago

1.6.3

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.2.12

2 years ago

1.2.13

2 years ago

1.5.0

2 years ago

1.6.9

2 years ago

1.6.8

2 years ago

1.6.7

2 years ago

1.6.6

2 years ago

1.6.5

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.6.11

2 years ago

1.6.10

2 years ago

1.6.13

2 years ago

1.6.12

2 years ago

1.6.15

2 years ago

1.6.14

2 years ago

1.6.17

2 years ago

1.6.16

2 years ago

1.6.19

2 years ago

1.6.18

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.11

2 years ago

1.2.10

3 years ago

1.2.0

3 years ago

1.1.29

3 years ago

1.1.28

3 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.1.30

3 years ago

1.1.19

3 years ago

1.1.18

3 years ago

1.1.17

3 years ago

1.2.9

3 years ago

1.1.23

3 years ago

1.1.22

3 years ago

1.1.21

3 years ago

1.1.20

3 years ago

1.1.27

3 years ago

1.1.26

3 years ago

1.1.25

3 years ago

1.1.24

3 years ago

1.1.12

3 years ago

1.1.11

3 years ago

1.1.16

3 years ago

1.1.15

3 years ago

1.1.14

3 years ago

1.1.13

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.10

3 years ago

1.0.2

3 years ago

1.0.3

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.3.4

3 years ago

0.3.3

3 years ago

0.3.2

3 years ago

0.2.27

3 years ago

0.2.26

3 years ago

0.2.25

3 years ago

0.3.0

3 years ago

0.3.1

3 years ago

0.2.24

3 years ago

0.2.23

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.12

3 years ago

0.2.11

3 years ago

0.2.10

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.5

3 years ago

0.2.3

3 years ago

0.2.4

3 years ago

0.1.23

3 years ago

0.1.24

3 years ago

0.2.1

3 years ago

0.2.2

3 years ago

0.1.21

3 years ago

0.1.22

3 years ago

0.1.20

3 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.17

3 years ago

0.1.16

3 years ago

0.1.12

3 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.15

3 years ago

0.1.11

3 years ago

0.1.10

3 years ago

0.1.9

3 years ago

0.1.0

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.0.24

3 years ago

0.0.25

3 years ago

0.0.26

3 years ago

0.0.20

3 years ago

0.0.22

3 years ago

0.0.23

3 years ago

0.0.19

3 years ago

0.0.18

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago