Components

Diff

Diff — a side-by-side comparison slider that stacks two panes and reveals one over the other as a person drags the handle between them. Use it to hold two versions of the same frame in place — a room before and after a refresh, a photo with and without an edit, two copy treatments — so the difference reads at a glance instead of side by side. Pass any node to `item1` and `item2`: images, text blocks, or whole layouts, as long as both fill the same box. The figure is focusable and the handle is keyboard-resizable, so the comparison works without a mouse. It is a display surface, not a control — reach for a Toggle or Tabs when you need to switch state.