s-m-r-t
Docs Components Modules Themes Reference FAQ
Overview

Admin

  • AgentAdminPanel
  • AgentAdminTabs
  • AgentSettingsShell

Calendar

  • Calendar
  • DayView

Data

  • DataTable

Display

  • ConfidenceBadge
  • CurrencyDisplay
  • DateDisplay
  • Icon
  • StatusBadge

Feedback

  • ConfirmDialog
  • LoadingOverlay
  • Modal
  • ProgressBar

Forms

  • AddressInput
  • CheckboxInput
  • DateRangeInput
  • DateTimeInput
  • FileUpload
  • Form
  • FormGroup
  • FormMicButton
  • Input
  • MeasurementInput
  • MoneyInput
  • NumberInput
  • PhoneInput
  • SearchInput
  • Select
  • SelectInput
  • Textarea
  • TextareaInput
  • TextInput
  • Toggle

Layout

  • Container
  • EmptyState
  • Footer
  • Grid
  • Header
  • Masthead
  • PageHeader
  • SummaryCard

Memberships

  • MembershipCard
  • MembershipList

Module

  • ModulePanel

Navigation

  • FilterChips
  • Tabs

Permissions

  • PermissionCheck

Roles

  • RoleBadge
  • RoleSelector

Theme

  • ThemeProvider

UI

  • Badge
  • Button
  • Card
  • Pagination

Commerce Components

Comprehensive invoice and billing components from smrt-commerce module.

InvoiceCard

Display invoice summary in card format

InvoiceHeader

Invoice header with company info and invoice number

InvoiceLineItems

Editable line items table with calculations

InvoiceTotals

Subtotal, tax, and total calculations

InvoiceActions

Send, print, mark paid actions

UnbilledItems

List of items awaiting invoice

Usage Example

typescript
import {
  InvoiceCard,
  InvoiceHeader,
  InvoiceLineItems,
  InvoiceTotals,
  InvoiceActions
} from '@happyvertical/smrt-commerce/svelte';

<!-- Full invoice view -->
<InvoiceHeader {invoice} />
<InvoiceLineItems bind:items={invoice.lineItems} />
<InvoiceTotals {invoice} />
<InvoiceActions {invoice} onsend={sendInvoice} />

Related Module

→ See smrt-commerce module documentation
s-m-r-t
Docs Components Modules GitHub