Addon Selector
Ruled add-on rows for extra seats, priority support, and advanced security each with a toggle and a live running monthly total.
Ruled add-on rows for extra seats, priority support, and advanced security each with a toggle and a live running monthly total.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Addon Selector is the expansion surface for the Team plan, three ruled rows: extra seats (+$25, Popular badge), priority support (+$49, 4-hour SLA), and advanced security (+$39, audit log export, IP allowlisting, mandatory 2FA). Each row carries a toggle. A live running total below reads Team plan $49 plus add-ons, updating as toggles fire. The honest footer line: removing an add-on credits the unused portion back to your account balance.
Add-ons are one typed array with an enabled flag so toggling is a map-and-spread with no index arithmetic. The running total is a reduce over the enabled set plus the base plan constant.
Reach for this block on the billing or plan settings page below the base plan picker, wired to your add-on entitlement state and your subscription update endpoint. Reflect the saved state on load so the toggles match reality.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace add-on expansion panel. Other addon rows:
Tip: show the per-unit label beside the price so users know whether $25 is per seat, per workspace, or flat.