[component]

Dev Mode
Markdown editor field
Description
A side-by-side markdown editor with a text input on the left and a live preview on the right. Useful for editing rich text content in admin panels and forms.
Usage Guidelines
Do
Use for fields that accept markdown-formatted content.
Use in admin panels for content editing.
Provide helper text explaining supported markdown syntax.
Don't
Do not use for short, single-line text inputs.
Do not use for fields that do not support markdown rendering.
Accessibility
The text input supports standard keyboard navigation and screen readers.
Props
Name
Type
Required
Description
onChange
OnChangeCallback
Required
aiSuggestion
AiSuggestionProps
autoComplete
blurOnSubmit
boolean
disabled
boolean
errorText
string
grow
boolean
helperText
string
iconName
IconName
id
string
inputRef
onBlur
OnChangeCallback
onEnter
onFocus
onIconClick
Status
Documentation:
Figma:
Web:
iOS:
Android:
Related
MarkdownView, Text area, Text field
Examples
Default
Side-by-side editor with preview.
WithHelperText
With helper text.
WithError
With error state.
Disabled
Disabled state.