Skip to content
React (TypeScript) user interface & component library, including utility hooks, theming and style hooks.
TypeScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows
src
.eslintrc
.gitignore
.npmignore
.prettierignore
.prettierrc
LICENSE
README.md
package.json
tsconfig.json
yarn.lock

README.md

Components

📦 ⚛️ 🎨

React (TypeScript) component library, including utility hooks, style primatives and style hooks.

Current Github Action build status. Current npm package version. @pqt/components is released under the MIT license.

Getting Started

Start by installing the package

yarn add @pqt/components
# OR
npm install @pqt/components --save

Add the React-JSS Context Provider (User Interface)

Note: This should be outside of your routing, typically wrapped around your entire application.

import React from "react"
import ReactDOM from "react-dom"
import { UserInterface } from "@pqt/components"

function App() {
  return (
    <UserInterface>
      <div className="App"></div>
    </UserInterface>
  )
}

const rootElement = document.getElementById("root")
ReactDOM.render(<App />, rootElement)

Examples (CodeSandbox)

Component Sandbox
Buttons https://codesandbox.io/s/buttons-pbci8
Cards https://codesandbox.io/s/cards-dbcl7
Collections https://codesandbox.io/s/collections-6iflq
Dropdowns https://codesandbox.io/s/dropdowns-e6oqe
Forms https://codesandbox.io/s/forms-esdb5
You can’t perform that action at this time.