Salary Calculator Demo

Configure and test the embeddable salary calculator widget

Configuration

API Key *

Mount Selector

CSS selector where the calculator will be mounted

Default Country

Default Period

Custom Labels

Form – Country

Form – Gross Salary

Form – Calculate Button

Result – Gross Salary

Result – Net Salary

Result – Deductions

Result – Employer Contributions

Result – Total Employer Cost

Theme Customization

Typography

Font Family

Base Font Size

Small Font Size

Large Font Size

Form Label Font Size

Form Input Font Size

Calculate Button Font Size

Result Title Font Size

Result Label Font Size

Result Total Font Size

Result Value Font Size

Colors

Background

Foreground

Primary

Primary Text

Muted Background

Muted Text

Border

Focus Ring

Destructive

Layout & Effects

Border Radius

10px

Border Width

Opacity

1.0

Transition

Quick Presets

Calculator Widget

Configure the calculator above and click "Load Calculator" to see the widget here.

Generated Code

// Configure the calculator above to see the generated code

Event Log

Events will appear here when you interact with the calculator