Resizable

Two panels with a divider you drag or move from the keyboard (arrows, Shift for 1%, Home/End), following the APG window splitter pattern. The server renders the initial size; with an ID, the last size is remembered in this browser.

Side by side and stacked

Drag the divider, or Tab to it and use the arrows (Shift for 1% steps), Home and End. The first example's size is remembered in this browser.

Steps

1. Prepare samples · 2. Extract RNA · 3. PCR

Editor

Details of the selected step.

Chart

Amplification curve.

Log

Cycle 32: threshold reached.

@components.Resizable(components.ResizableProps{
  ID: "editor", Label: "List width", DefaultSize: 35, Min: 20, Max: 70,
  First: list(), Second: editor(),
})