Überlagerungen

Invoice detail sheet

Rechnungspositionen lesen und eine interne Prüfung im abgegrenzten Rechnungsdokument festhalten.

Invoice detail sheet

Read invoice line items and record a local review without leaving the invoice document.

Invoice INV-1098

Issued September 1, 2026

Paid

Bill to

Northstar Studio

Finance team

billing@northstar.example

Service period

August 1–31, 2026

Currency: USD

Description	Quantity	Amount
Team seats	4 × $24.00	$96.00
Compute usage	1,248 hours	$624.00
Storage and delivery	Metered	$122.40

Subtotal$842.40

Tax$0.00

Total paid$842.40

Internal review note

Invoice detail sheet verwenden

Rechnungspositionen lesen und eine interne Prüfung im abgegrenzten Rechnungsdokument festhalten.

Rechnungspositionen lesen und eine interne Prüfung im abgegrenzten Rechnungsdokument festhalten. Für kontrolliertes React value und onChange übergeben; onAction erhält Aktion und Folgezustand. defaultValue setzt einen lokalen Entwurf.

Eine Abstimmungsnotiz hinzufügen und INV-1098 als geprüft markieren; die Bestätigung enthält die Notiz. Dieses Beispiel aktualisiert nur einen lokalen Entwurf.

Beträge und Entscheidungen sind lokale Beispieldaten. Es werden keine Zahlungen, Tarifwechsel oder Finanztransaktionen gesendet; die Anwendung muss Preise prüfen und Ergebnisse speichern.

Eigenschaften: accent, status

Wie erhält die Anwendung Änderungen?

Für kontrolliertes React value und onChange übergeben; onAction erhält Aktion und Folgezustand. defaultValue setzt einen lokalen Entwurf.

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2295Account Dropdown MenuÜberlagerungenEin Avatar-Auslöser, der ein gruppiertes Kontomenü mit Hinweisen zu Tastenkombinationen, einem Themen-Untermenü und einer destruktiven Abmeldezeile öffnet, die sich vom Rest abhebt.

2296Account Menu FlyoutÜberlagerungenEine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

1910Anchored detail popoverÜberlagerungenEine Auslöserschaltfläche, die ein kleines verankertes Bedienfeld mit einem betitelten Einstellungsformular öffnet, aus der Auslöserkante herauswächst und sich bei Escape oder einem Klick von außen schließt.

1911Anchored info popoverÜberlagerungenEine Auslöseschaltfläche, die ein kleines schwebendes Infofeld öffnet, das an einem seiner Ränder verankert ist, von diesem Rand aus ausgeblendet und vergrößert wird und bei einem Klick oder Escape von außen wieder ausgeblendet wird.

1912Anchored popover cardÜberlagerungenEine Auslösetaste, die eine kleine Einstellungskarte öffnet, die an sich selbst verankert ist, sich vom Rand aus verkleinert und bei einem zweiten Klick, Escape oder einem Druck von außen schließt.

1913Anchored settings popoverÜberlagerungenEine Schaltfläche, die ein kleines Einstellungsfeld öffnet, das daneben verankert ist und sich von der Ecke aus erstreckt, die dem Auslöser am nächsten liegt, und die Seiten umdreht, wenn der Platz knapp wird.