Email Editor Manual Tests
Use this page to manually test all supported EmailEditor usage modes and prop combinations.
Build Your Own
Build your own
Choose prop values, preview the resulting editor, then copy the generated JSX snippet.
header
fromMailboxes
hideFrom
disableFromSelection
replyToMode
hideDestinationFields
enableCcBcc
warning
copyMode
readOnly
modalMode
sendButtonProps
menu
onClose
Send clicks: 0 | Last send action: None | Save & Close clicks: 0
<EmailEditor
value={email}
onChange={setEmail}
fromMailboxes={fromMailboxes}
enableCcBcc
replyToMode="Optional"
modalMode="toggle"
header={<h4>Build-your-own editor</h4>}
sendButtonProps={{ children: "Send", onClick: handleSend }}
/>