▸ RichTextarea(props): ReactNode
Textarea component with some extra props. See RichTextareaProps and RichTextareaHandle.
| Name | Type |
|---|---|
props |
Omit<RichTextareaProps, "ref"> & RefAttributes<RichTextareaHandle> |
ReactNode
▸ experimental_RichInput(props): ReactNode
Input component with some extra props. See RichInputProps and RichInputHandle.
NOTE: This component is experimental one so it may have some bugs.
| Name | Type |
|---|---|
props |
Omit<RichInputProps, "ref"> & RefAttributes<RichInputHandle> |
ReactNode
▸ createRegexRenderer(matchers): Renderer
An utility to create renderer function with regex.
The priority is descending order.
| Name | Type |
|---|---|
matchers |
([regex: RegExp, style: StyleOrRender] | [regex: RegExp, style: StyleOrRender, shouldRender?: Function])[] |
src/renderers/regex/index.tsx:19
▸ createCSSCustomHighlightRenderer(matchers): Renderer
createRegexRenderer but rendered with CSS Custom Highlight API.
| Name | Type |
|---|---|
matchers |
[regex: RegExp, style: string][] |
src/renderers/regex/index.tsx:166
Ƭ StyleOrRender: React.CSSProperties | (props: { children: React.ReactNode ; value: string ; key?: string }) => React.ReactNode
src/renderers/regex/index.tsx:6
Ƭ Renderer: (value: string) => React.ReactNode
▸ (value): React.ReactNode
| Name | Type |
|---|---|
value |
string |
React.ReactNode
Ƭ CaretPosition: { focused: false ; selectionStart: number ; selectionEnd: number } | { focused: true ; selectionStart: number ; selectionEnd: number ; top: number ; left: number ; height: number }