UI component library for use in Pay Theory web apps
npm install --save pay-theory-ui- Hooks maintain the application state between pages and components
- They wrap portions of the application providing context
- imported via
import { BooksHooks } from "@paytheory/pay-theory-ui" - JSX example
<BooksHooks.Context.Menu.Provider value={generateMenu()}>
<NavigationDrawer />
</BooksHooks.Context.Menu.Provider>- checkout - provides base URL for checkout links
- menu - provides menu items for the navigation drawer
- page - provides page meta data
- parent - provides navigation details for child pages
- account - basic user account detail (used for user menu)
- member - detailed user account detail (used for user overview)
- accounts - list of user accounts
- district - district detail
- districts - district list
- partner - partner detail
- partners - partner list
- payment-item - payment item detail
- payment-items - payment item list
- receipt - receipt detail
- receipts - receipt list
- role - role detail
- roles - role list
- Components are custom HTML elements that encapsulate pay theory branding and user experience
- They are composed into pages by our application to deliver our app
- each component imported individually via
import { BodyHead } from "@paytheory/pay-theory-ui" - JSX example
<BodyHead />
- BodyHead
- Button
- CardRow
- CardTable
- CardRow
- Checkbox
- DynamicList
- Font
- FormHead
- GlobalStyle
- InnerTable
- ModalContent
- ModalSpinner
- NavigationDrawer
- NotFound
- PortalHead
- Select
- StatusMessage
- SubsectionHead
- TabMenu
- TabPage
- TextEntry
- TextEntryCurrency
- TextEntryDate
- TextEntryPercentage
- TextEntryPhone
- Unauthorized
- UtilityBar
- DonationItemEntry
- PaymentItemPublishCard
- PaymentItemDiscontinueCard
- PaymentItemTable
- ModalCreatePaymentItem
- PaymentsOverview
- SalesTab
- TransactionItems
- TransactionOverview
- TransactionDetails
- TransactionsTable
- FilterBar
MIT © pay-theory