Pages

Usage billing workspace

Compare metered usage with the budget and adjust a billing alert threshold.

Usage billing workspace

Compare metered usage with the budget and adjust a billing alert threshold.

Northstar Studio billing cycle

Billing period

Current usage

$842.40

Requests used

Included1,000,000 requests

Cycle closesSeptember 30

Service	Quantity	Amount
Compute	1,248 hours	$624.00
Storage	960 GB	$134.40
Delivery	840 GB	$84.00

Alert at budget percent

Using Usage billing workspace

Compare metered usage with the budget and adjust a billing alert threshold.

Compare metered usage with the budget and adjust a billing alert threshold. For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Choose August to inspect the $716.20 sample total, then save an alert at 85 percent of budget. This example only updates local draft state.

Amounts and decisions are illustrative local data. No charge, subscription change, or financial transaction is sent; the host must validate prices and persist the result.

Props: accent, status

How does the application receive changes?

For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

Source, ports, install and the props panel are included with Fieldbook Pro. The live preview is open to everyone.

Connect your agent

Nearby

2731Account signupPagesA centered signup page with an email field, a primary create-account button, a divider, and two secondary continue-with buttons for alternate identity providers.

2732Analytics console pagePagesExplore metrics and work items in a responsive console and download the current table as a local CSV.

2733Centered signup cardPagesA centered page card that collects a full name, email, password and confirmation, each field with a short helper line, plus a connected-account signup button.

2856Credit balance ledgerData displayInspect account credits and apply an eligible balance to an open invoice with a ledger entry.

2734Detailed signup cardPagesA centered signup card collecting full name, email, password and confirmation, each with a helper line, before a primary create-account button.

2842Editorial review workspacePagesAn editorial desk pairs original and revised drafts with a review checklist and a saved editorial note.