Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - Spell Check Menu
A React context menu for spell checking with labeled suggestions section, correction options, add to dictionary, and ignore for text editors
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Misspellings happen—catching them shouldn't be hard. This React context menu provides spell check suggestions with labeled section, quick corrections, add to dictionary, and ignore. Built with shadcn/ui and Radix UI with Lucide React check icons—perfect for email composers, document editors, or chat apps with spell checking.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Text Formatting Menu
Text styling and formatting operations
Text Editing Menu
Cut, copy, paste clipboard operations
Context Menu with Labels
Similar labeled sections pattern
Font and Style Menu
Font and color selection menu
Text Alignment Menu
Alignment and indent operations
Dropdown Menu with Labels
Alternative menu with labeled sections
Questions you might have
React Context Menu - Text Alignment Menu
A React context menu for text alignment with nested submenu (left, center, right, justify) and increase/decrease indent operations for rich text editors
React Context Menu - Font and Style Menu
A React context menu for font and style with nested submenus for font family, size selection, plus text color and highlight color options for rich text editors