recursica-skill-panel

Use a panel when the user needs the page underneath while working, such as filters, settings, or a details view. Use a modal when the task must be finished or abandoned before continuing, or when confirming an irreversible action.

Pass withOverlay={false}, closeOnClickOutside={false}, trapFocus={false}, and lockScroll={false} explicitly. The Recursica adapter wraps Mantine's Drawer, which defaults to modal behavior with an overlay and focus trap, so all four overrides are required until the adapter defect is fixed.

No. The panel has no variant axes at all: min-width and max-width are fixed tokens, and there is no side, size, width, or type property. Which edge a panel appears from is designated per panel, not passed as a prop.

No. Focus moves into the panel on open and returns to the trigger on close, but Tab must continue into the page behind. Trap focus only if the panel is genuinely modal, in which case the page behind must be inert and non-scrolling.

No. Tables are forbidden because the narrow panel forces horizontal scrolling or truncation; use stacked field groups instead. Cards are also forbidden because the panel itself is already the boundary, and forms inside must stack their labels.

Below the tablet breakpoint, the panel opens as a page instead, not as a narrower panel or full-screen overlay. At tablet width and above it remains a panel flush to the left or right viewport edge.