Dropdown Menu Editor 4 - Heading selector

Pro

Dropdown choosing heading level H1 through H4 for the current block.

Shadcn Dropdown Menu Editor 4 component

Component data

ID
dropdown-menu/dropdown-menu-editor-4
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Dropdown Menu Editor 4 component design & features

This dropdown uses radio items for heading levels with the current level checked. Selecting an item applies the heading tag or style to the active paragraph in the editor.

Heading selectors give semantic structure in blogs, docs, and email builders. They are clearer than font size menus when outline hierarchy matters for SEO and accessibility.