@losslessproject/react-components NPM

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 { SquareButton } from "@pooltogether/pooltogether-react-components";

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

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

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>