Hooks and components for consuming remirror with your fave framework React.
Overall
score
36%
Evaluation — 36%
↑ 1.09xAgent success when using this tile
{
"context": "Evaluates whether the solution leverages @remirror/react's built-in toolbar, formatting, list, and alignment components to build the requested editor while keeping change handling wired through the Remirror React APIs. Focuses on using the ready-made buttons and groups rather than custom command wiring or DOM manipulation.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Remirror setup",
"description": "Initializes the editor with `useRemirror` (or `createReactManager`) and renders `Remirror` plus `EditorComponent`, passing initial HTML and editable flags while surfacing changes via `OnChangeHTML`/`OnChangeJSON` callbacks to emit updated HTML.",
"max_score": 20
},
{
"name": "Toolbar usage",
"description": "Renders a persistent toolbar using `BaseToolbar`/`WysiwygToolbar` (or equivalent) and composes built-in groups like `BasicFormattingButtonGroup`, `ListButtonGroup`, and `TextAlignmentButtonGroup` instead of custom buttons.",
"max_score": 20
},
{
"name": "Formatting buttons",
"description": "Provides inline formatting controls via package toggles such as `ToggleBoldButton` and `ToggleItalicButton` (or `BasicFormattingButtonGroup`) bound to the Remirror context so toggling updates the selected text and emitted HTML.",
"max_score": 20
},
{
"name": "List buttons",
"description": "Implements list controls with @remirror/react components like `ToggleBulletListButton` and `ToggleOrderedListButton` (or `ListButtonGroup`), relying on built-in active/disabled state from editor state rather than manual DOM manipulation.",
"max_score": 20
},
{
"name": "Alignment controls",
"description": "Applies text alignment using provided components such as `TextAlignmentButtonGroup` or the `LeftAlignButton`/`CenterAlignButton`/`RightAlignButton` set, wired to the editor so selection changes are reflected in the resulting HTML.",
"max_score": 20
}
]
}docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10