DockableLabel

"The keys of every accessible name or label a view built on the core may need. There are no default strings: the consumer resolves a key to text (for example through getLabel(key) on the React Dockable.Root). A ? in a key marks where a count is substituted."

import { DockableLabel } from "@fragiola/dockable";

const labels: Partial<Record<DockableLabel, string>> = {
    [DockableLabel.Splitter]: "Resize",
    [DockableLabel.Close_Tab]: "Close",
};

<Dockable.Root model={model} getLabel={(key) => labels[key]}>

The React primitives resolve one key themselves today: Splitter (each splitter's aria-label). The others name parts you build (close and maximize buttons, menu items, an overflow button), so one map (or one i18n namespace) holds every string of your layout. Read the resolver inside the layout with useDockable().getLabel.

The GetLabel type (from @fragiola/dockable-react):

type GetLabel = (key: DockableLabel, ...args: (string | number)[]) => string | undefined;

Returning undefined means "no text": the element gets no accessible name from the package. See Accessible names.

Keys

Several keys name parts that do not exist yet (floats, tab groups, an error boundary): they are kept from FlexLayout so the map is ready when those parts land.