`react-doctor/design-no-three-period-ellipsis`

Use the typographic ellipsis "…" (or `…`) instead of three periods — pairs with action-with-followup labels ("Rename…", "Loading…")

Category: Architecture
Severity: warn
Source: oxlint-plugin-react-doctor
Framework: global
Enabled when: always

Validation prompt

Use this to decide whether a fired diagnostic is real or a false positive.

Fires when a JSXText node contains a letter immediately followed by three periods (Loading..., Rename...). Numeric ranges like 3...5 and decorative leading periods don't match. Skipped inside <code>, <pre>, <kbd>, <samp>, <var>, <tt>, or translate="no" ancestors, and dynamic strings inside {expression} containers aren't inspected.

Fix prompt

Use this once validation confirms the diagnostic is real.

Replace ... with the typographic ellipsis … (U+2026) or the HTML entity …. Pairs especially well with action-with-follow-up labels (Rename…, Save as…) and loading states (Loading…). The single glyph kerns properly and signals deliberate UI craft. https://practicaltypography.com/ellipses.html