Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - Text Formatting Menu
A React context menu for text formatting with bold, italic, underline, strikethrough, and clear formatting using keyboard shortcuts for rich text editors
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Plain text is boring—formatting brings emphasis. This React context menu provides rich text formatting with bold, italic, underline, strikethrough, and clear options plus shortcuts. Built with shadcn/ui and Radix UI with Lucide React icons—perfect for document editors, note-taking apps, email composers, or blogging platforms.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Text Editing Menu
Cut, copy, paste clipboard operations
Text Alignment Menu
Alignment and indentation with submenus
Font and Style Menu
Font family, size, and color selection
Icons and Shortcuts Menu
Similar icon and shortcut pattern
Spell Check Menu
Spell checking suggestions menu
Dropdown Menu
Alternative formatting toolbar
Questions you might have
React Context Menu - Text Editing Menu
A React context menu for text editing with cut, copy, paste, and select all operations plus standard keyboard shortcuts for text editors
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