@zedtech/zedkit-ui
Localize kit chrome in English or French
One provider plus typed en/fr bundles for kit chrome; a per-host label prop still wins.
alpha
Usage
Override one string
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; 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: 0.6.4 (via changesets).
Example
import { ZedkitUiProvider, zedkitUiMessagesFr } from "@zedtech/zedkit-ui";
<ZedkitUiProvider messages={zedkitUiMessagesFr}>
{children}
</ZedkitUiProvider>import { ConfirmDialog } from "@zedtech/zedkit-ui";
<ConfirmDialog trigger={trigger} title="Delete?" description="Gone." confirmLabel="Remove" onConfirm={remove} />Wraps: (none)