salaryfyi-embed

Embed SalaryFYI widgets on any website. 7 widget types, zero dependencies, Shadow DOM isolation, 4 themes, 2 styles. Live data from SalaryFYI.

Every widget includes a "Powered by SalaryFYI" backlink.

Try the interactive widget builder at widget.salaryfyi.com

Quick Start

<div data-salaryfyi="entity" data-slug="united-states" data-theme="light"></div>
<script src="https://cdn.jsdelivr.net/npm/salaryfyi-embed@1/dist/embed.min.js"></script>

Widget Types

| Type | Usage | Description | |------|-------|-------------| | entity | <div data-salaryfyi="entity" data-slug="..."></div> | Entity detail card — calculator, country, role, or game | | glossary | <div data-salaryfyi="glossary" data-slug="..."></div> | Glossary term definition with cross-references | | guide | <div data-salaryfyi="guide" data-slug="..."></div> | Guide summary card with key takeaways | | search | <div data-salaryfyi="search" data-slug="..."></div> | Search box linking to the full database | | compare | <div data-salaryfyi="compare" data-slug="..."></div> | Side-by-side entity comparison | | faq | <div data-salaryfyi="faq" data-slug="..."></div> | FAQ accordion with expand/collapse | | salary-compare | <div data-salaryfyi="salary-compare" data-slug="..."></div> | Salary range bars (P25/Median/P75) for country+role |

Widget Options

| Attribute | Values | Default | Description | |-----------|--------|---------|-------------| | data-salaryfyi | entity, glossary, guide, search, compare, faq, salary-compare | required | Widget type | | data-slug | e.g. "united-states" | — | Entity slug | | data-theme | light, dark, sepia, auto | light | Visual theme | | data-style-variant | modern, clean | modern | Widget style | | data-size | default, compact, large | default | Size |

Themes & Styles

4 themes (light, dark, sepia, auto) × 2 styles (modern, clean) = 8 visual combinations.

CDN

<script src="https://cdn.jsdelivr.net/npm/salaryfyi-embed@1/dist/embed.min.js"></script>

Guide FYI Family

Part of FYIPedia. Guide FYI covers calculators, salary, education, and board games. Hub: reffyi.com.

| Site | Domain | Focus | Package | |------|--------|-------|---------| | CalcFYI | calcfyi.com | 200+ calculators, 50 formula cards, financial/health/math | npm | | SalaryFYI | salaryfyi.com | 36 countries, salary data, tax calculators, 26 rate configs | npm | | BoardGameFYI | boardgamefyi.com | 10,552 board games, 8-axis DNA profiles, BGG integration | npm |

License

MIT — see LICENSE.

Built with care by FYIPedia.