Views | Open Ledger Documentation

Views are pre-built, full-page components that provide comprehensive functionality for specific accounting tasks.

OpenLedgerView

A comprehensive component that integrates all financial views in a tabbed interface.

1 import { OpenLedgerView } from "@openledger/accounting-react";
2 
3 function App() {
4   return <OpenLedgerView />;
5 }

A data visualization dashboard displaying key financial metrics.

1 import { DashboardView } from "@openledger/accounting-react";
2 
3 function Dashboard() {
4   return <DashboardView />;
5 }

A component for displaying and managing financial transactions.

1 import { TransactionsView } from "@openledger/accounting-react";
2 
3 function Transactions() {
4   return <TransactionsView />;
5 }

A double-entry accounting ledger view showing journal entries and chart of accounts.

1 import { LedgerView } from "@openledger/accounting-react";
2 
3 function Ledger() {
4   return <LedgerView />;
5 }

A financial reporting component for standard financial reports.

1 import { ReportView } from "@openledger/accounting-react";
2 
3 function Reports() {
4   return <ReportView />;
5 }

An AI-powered financial assistant for natural language interaction.

1 import { ChatView } from "@openledger/accounting-react";
2 
3 function Assistant() {
4   return <ChatView />;
5 }

A component for managing application settings and configuration.

1 import { SettingsView } from "@openledger/accounting-react";
2 
3 function Settings() {
4   return <SettingsView />;
5 }

A guided onboarding experience for new users.

1 import { OnboardingView } from "@openledger/accounting-react";
2 
3 function Onboarding() {
4   return <OnboardingView />;
5 }