Command Menu

Search documentation, components, and switch theme.

Atoms

Typography

Typography components for consistent text styling.

Formance
Docs

Installation#

npx shadcn@latest add @formance/typography

Install the following dependencies:

npm install class-variance-authority

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

import {
  TypographyH1,
  TypographyH2,
  TypographyH3,
  TypographyH4,
  TypographyP,
  TypographyLead,
  TypographyLarge,
  TypographySmall,
  TypographyBlockquote,
  TypographyList,
  TypographyListItem,
  TypographyInlineCode,
} from '@/components/ui/typography'

h1#

Transaction Overview

h2#

Payment Processing

h3#

Wallet Configuration

h4#

Connector Settings

p#

Each ledger maintains an immutable log of all transactions posted against it. Accounts are created on the fly and balances are computed in real time from the transaction history.

Blockquote#

Every financial movement is a transaction. Every transaction tells a story about how money flows through your system.

List#

  • Ledgers track double-entry transactions
  • Payments connect to external providers
  • Wallets hold funds for end users
  • Connectors sync with third-party systems

Inline Code#

Use the POST /api/ledger/v2/transactions endpoint to create a new transaction.

Lead#

Formance provides the building blocks for programmable money movement at any scale.

Large#

Account Balance Summary

Small#

Last synced 2 minutes ago

Muted#

No pending transactions found for this account.