Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAdd alternate-language page versions from a select, with duplicates refused, an x-default reminder and the link tags written out.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it in page settings on a multilingual site. The select only offers languages not yet added, and the reminder catches the most common hreflang omission.
Do not use it when: alternates are generated from your routing and never edited by hand.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
languages | string[] | required | BCP 47 tags the site offers. |
defaultValue | HreflangEntry[] | [] | Starting entries { lang, href }. |
onChange | (entries: HreflangEntry[]) => void | - | Called after every change. |
A labelled select and an Add button; each Remove button names its language; the x-default reminder is a status region; the code block is named.
The pattern ships with a test (hreflang-select-list.test.tsx). It covers the tag helper, the reminder and removal.