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 how well the solution uses @remirror/react floating positioners and wrappers to build a selection-anchored toolbar with offset control, reactive repositioning, and mark-aware action rendering.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Positioner Hook",
"description": "Uses @remirror/react's usePositioner (or a useMultiPositioner instance) with placement and offset options mapped from props to anchor the toolbar to the current selection instead of manual DOM math.",
"max_score": 25
},
{
"name": "Floating Wrapper",
"description": "Wraps toolbar content in FloatingWrapper or PositionerPortal so rendered nodes follow the positioner's coordinates/active state rather than custom absolute positioning.",
"max_score": 20
},
{
"name": "Active Toggle",
"description": "Derives visibility from positioner.active (or equivalent hook state) and hides/shows through hook-provided controls instead of ad-hoc selection checks.",
"max_score": 15
},
{
"name": "Reposition Updates",
"description": "Triggers positioner.update() or relies on the hook's built-in listeners to recompute coordinates on scroll/resize or selection changes, avoiding hand-rolled listeners.",
"max_score": 15
},
{
"name": "Mark Context",
"description": "Collects active formatting state using useActive/useHelpers from @remirror/react and feeds it into renderActions/children per the spec instead of reimplementing mark detection.",
"max_score": 15
},
{
"name": "Focus Hide",
"description": "Hides via positioner.hide()/toggle or FloatingWrapper enabled control tied to Remirror focus/selection events, honoring the optional hide delay without custom timers detached from the hook state.",
"max_score": 10
}
]
}docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10