Seat Management Panel
Purchased seats with an occupancy meter, a breakdown of active members and pending invites, a seat stepper, and a live next invoice preview.
Purchased seats with an occupancy meter, a breakdown of active members and pending invites, a seat stepper, and a live next invoice preview.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Seat Management Panel is the seat billing surface for a Team plan at $12 per seat per month. An occupancy meter tops the card, 19 of 20 seats in use, with a ruled breakdown of active members, pending invites, and available seats below it. A stepper adjusts purchased seats between the occupied floor and a 100 seat cap, and the panel refuses to drop below the seats that members and invites already hold.
Seat counts and the per seat price sit above the component as consts, and the next invoice preview recalculates live as the stepper moves, showing the new monthly total and whether the change is prorated now or credited at renewal.
Reach for this block on the billing or members settings page when your plan bills per seat. Wire the stepper to your subscription quantity and the Update seats button to your billing endpoint, then reflect the live seat count on load.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a per seat plan with a live invoice preview. Other seat panels:
Tip: block the stepper below the occupied floor so admins remove members before seats, not the reverse.