There are three new MenuSelectFontSize props to control (1) unsetOptionContent what text we display for the "unset" option, and (2) hideUnsetOption whether to hide that dropdown option entirely, and (3) emptyValue what to render for the Select itself when no font-size is set for the current text (to override showing the FormatSize icon).
Also, we now allow essentially all MenuSelect (and thus Select) props to be provided for both MenuSelectFontSize and MenuSelectHeading. This includes tooltipTitle, sx, className, etc to do styling.
For instance:
<MenuSelectFontSize
emptyValue="16" // Display "16" if unset since that's effectively our default font size
unsetOptionContent={<span>Reset</span>}
tooltipTitle="Change font size"
sx={{ "& .MuiSelect-select": { width: 80 } }}
/>
There are three new
MenuSelectFontSize
props to control (1)unsetOptionContent
what text we display for the "unset" option, and (2)hideUnsetOption
whether to hide that dropdown option entirely, and (3)emptyValue
what to render for the Select itself when no font-size is set for the current text (to override showing the FormatSize icon).Also, we now allow essentially all
MenuSelect
(and thusSelect
) props to be provided for bothMenuSelectFontSize
andMenuSelectHeading
. This includestooltipTitle
,sx
,className
, etc to do styling.For instance: