Markdown editor field
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.
Package: @terreno/ui
Categories: Data Entry
Props interface: TextAreaProps
Story source: demo/stories/Markdowneditorfield.stories.tsx
Live demo
Props
| Prop | Type | Required | Description |
|---|---|---|---|
onChange | OnChangeCallback | Yes | |
aiSuggestion | AiSuggestionProps | ||
autoComplete | union | ||
blurOnSubmit | boolean | ||
disabled | boolean | ||
errorText | string | ||
grow | boolean | ||
helperText | string | ||
iconName | IconName | ||
id | string | ||
inputRef | reflection | ||
onBlur | OnChangeCallback | ||
onEnter | reflection | ||
onFocus | reflection | ||
onIconClick | reflection | ||
onSubmitEditing | reflection | ||
placeholder | string | ||
returnKeyType | union | ||
rows | number | ||
testID | string | Root test id for the primary interactive element or container. | |
testIDs | FieldTestIDs | ||
title | string | ||
trimOnBlur | boolean | ||
value | string |