@quiltt/components NPM

@quiltt/components

Install

npm install --save @quiltt/components

yarn add @quiltt/components

Usage

import * as React from 'react'

import '@quiltt/components/dist/index.css'

import { AccountList } from '@quiltt/components'

const Example = () => {
  //  .......................  //
  //  Data fetching step here  //
  //  .......................  //
  return <AccountList accounts={accounts} />
}

export default Example

Usage with `@quiltt/client`

import * as React from 'react'

import '@quiltt/components/dist/index.css'

import { gql, useQuery } from '@apollo/client'
import { QuilttProvider } from '@quiltt/client'
import { AccountList, PlaidLinkButton } from '@quiltt/components'

const GET_ACCOUNTS = gql`
  # insert accounts query here
`

const ConnectApp: React.FC = () => {
  const { loading, error, data } = useQuery(GET_ACCOUNTS)
  if (loading) return <p>Loading...</p>
  if (error) throw error
  const { accounts } = data.plaidItems[0]
  return (
    <div>
      <AccountList accounts={accounts} />
      <PlaidLinkButton block />
    </div>
  )
}

export const App: React.FC = () => {
  return (
    <QuilttProvider>
      <ConnectApp />
    </QuilttProvider>
  )
}

export default App