@zedtech/zedkit-ui
Localize kit chrome in English or French
One provider plus typed en/fr bundles for kit chrome; backed by `createMessagesContext` from `@zedtech/zedkit-i18n/react`. A per-host label prop still wins.
At a glance
- Who: Apps that ship the kit in English or French and need Close, Filter, empty, and loading labels to follow the page language.
- What: One provider plus typed en/fr bundles for kit chrome; backed by
createMessagesContextfrom@zedtech/zedkit-i18n/react. A per-host label prop still wins. - Use when: Around the tree when the UI language is not English, or when you pass your own copy.
- Avoid when: For app copy (page titles, form labels, empty-state stories) — keep those in your own messages.
- See also: Confirm destructive actions, Show a sortable, filterable, paginated data table
Install
pnpm add @zedtech/zedkit-uiLatest: 2.0.1 (via changesets).
Example
import { Button, ZedkitUiProvider, zedkitUiMessagesFr } from "@zedtech/zedkit-ui";
<ZedkitUiProvider messages={zedkitUiMessagesFr}>
<Button>Enregistrer</Button>
</ZedkitUiProvider>import { ConfirmDialog } from "@zedtech/zedkit-ui";
<ConfirmDialog trigger={trigger} title="Delete?" description="Gone." confirmLabel="Remove" onConfirm={remove} />Wraps: (none)