FloatingSelectionToolbar
A small toolbar that appears over selected text. Select a few words to see it.
Most of the crew keep a paper copy of the rota in the cab because the app is slow to open on the quay. They want shifts they can read at a glance, offline, with the next handover time shown first.
In context
Priya Nair · 21 Oct
ResearchMost of the crew keep a paper copy of the rota in the cab because the app is slow to open on the quay. They want shifts they can read at a glance, offline, with the next handover time shown first.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
containerRef | RefObject<HTMLElement | null> | Yes | — |
actions | FloatingSelectionAction[] | Yes | — |
minSelectionLength | number | undefined | No | 3 |
data-rebar-* attributes
data-rebar-component="floating-selection-toolbar"; each action carries data-rebar-part="action".
Migrating to Ant Design
Not codemod-covered — AntD has no selection-anchored toolbar of its own; the Medium/Notion-style pattern typically needs a hand-rolled selectionchange listener regardless of design system.