zedkit
@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

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-ui

Latest: 0.6.4 (via changesets).

Example

Usage
import { ZedkitUiProvider, zedkitUiMessagesFr } from "@zedtech/zedkit-ui";

<ZedkitUiProvider messages={zedkitUiMessagesFr}>
  {children}
</ZedkitUiProvider>
Override one string
import { ConfirmDialog } from "@zedtech/zedkit-ui";

<ConfirmDialog trigger={trigger} title="Delete?" description="Gone." confirmLabel="Remove" onConfirm={remove} />

Wraps: (none)

On this page