#
RichText
This is a Quill-powered editor with emoji support and text formatting.
React / Next.js
RichText
RichText is a React-based rich text editor using Quill.js with added emoji support and styling via Funcss.
| Prop | Description | Value(s) |
|---|---|---|
| `value` | HTML string to display and update as editor content. | `string (required)` |
| `theme` | Theme of the editor. | `"bubble" | "snow" | default: "bubble"` |
| `modules` | Modules control the tools and behavior of the editor. You can enable toolbars, clipboard handling, and other features. | `{ toolbar: [ ['bold', 'italic', 'underline'], [{ header: [1, 2, 3, false] }], [{ list: 'ordered' }, { list: 'bullet' }], ['link', 'image'] ] }` |
| `onChange` | Callback triggered when editor content changes. | `(value: string) => void (required)` |
| `maxValue` | Maximum number of characters allowed. | `number` |
| `placeholder` | Placeholder text shown when editor is empty. | `string | default: "Write something..."` |
| `showEmojis` | Show or hide the emojis | `Boolean | default: false` |
| `afterEmoji` | Any element you want to display after the emoji picker. | `ReactNode` |
| `funcss` | Extra class names for styling the main container. | `string` |