Datendarstellung

Seat management table

Bezahlte Plätze zuweisen und Anzahl sowie monatliche Kostenschätzung aktuell halten.

Seat management table

Allocate and release paid seats while keeping the assigned count and monthly estimate current.

Seats assigned

2 / 5

Monthly seat estimate

$48.00

Member	Role	Paid seat
Maya Rios	Owner	Assign Maya a paid seat
Ellis Chen	Editor	Assign Ellis a paid seat
Iman Vega	Viewer	Assign Iman a paid seat

$24 per assigned seat per month.

Seat management table verwenden

Bezahlte Plätze zuweisen und Anzahl sowie monatliche Kostenschätzung aktuell halten.

Bezahlte Plätze zuweisen und Anzahl sowie monatliche Kostenschätzung aktuell halten. Für kontrolliertes React value und onChange übergeben; onAction erhält Aktion und Folgezustand. defaultValue setzt einen lokalen Entwurf.

Iman einen Platz zuweisen, wodurch die Schätzung auf 72 USD steigt, und die drei Zuweisungen speichern. 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?

Quellcode, Portierungen, Installation und das Eigenschaften-Panel sind in Fieldbook Pro enthalten. Die Live-Vorschau ist für alle offen.

Verbinde deinen Agenten

Ähnliche Komponenten

2856Credit balance ledgerDatendarstellungKontoguthaben prüfen und einen zulässigen Betrag auf eine Rechnung mit aktualisiertem Saldo anwenden.

2299Animated metric counterDatendarstellungEine große, bloße Zahl, die in dem Moment, in dem sie ins Bild gescrollt wird, von einem Startwert zu ihrem Ziel hochspringt und leicht über das Ziel hinausschießt, bevor sie sich stabilisiert, mit Tausendertrennzeichen und einem optionalen Suffix.

2302Auto-Scroll Message ListDatendarstellungEin scrollbares Chat-Panel, das an die neueste Nachricht angeheftet bleibt, es sei denn, der Leser scrollt nach oben, woraufhin eine schwebende Schaltfläche „Zur neuesten Nachricht springen“ erscheint.

1917Avatar Lineup HoverDatendarstellungEine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

1918Avatar StackDatendarstellungEine Reihe überlappender kreisförmiger Avatare, die den Avatar unter dem Zeiger trennt und anhebt und darüber einen Namens-Tooltip anzeigt.

2113Before/After Code DiffDatendarstellungZwei Codefelder nebeneinander, mit Vorher- und Nachherbeschriftung, mit eingefärbten hinzugefügten und entfernten Linien und einem Hover-Fokus-Effekt.