Hinahati ng splitter ang espasyo nito sa mga pane, na may handle sa pagitan ng bawat dalawa. I-drag ang isang handle, o i-focus ito at gamitin ang mga arrow key. Mga percentage ang mga laki na umaabot sa 100 kapag pinagsama, at bina-bind ang mga ito ng [(sizes)].
Puwedeng nasa pixel, rem o percent ang panimulang laki, minimum at maximum ng bawat pane. Nako-collapse ang isang collapsible na pane kapag na-drag ito nang mas maliit sa kalahati ng minimum nito, o sa Enter sa handle nito, at bumabalik ito sa dati nitong laki.
Kapag may storageKey, itinatabi ang mga laki sa localStorage, kaya sa susunod na pagbisita, makikita ng mga tao ang layout gaya ng pagkakaiwan nila rito.
Isang editor
Mga file, code at preview. Nako-collapse ang mga file at ang preview, laging may hindi bababa sa 30% ng lapad ang code, at naka-save ang mga laki.
export class App {}
// app.ts
Mga nakapatong na pane
Pinapatong ng orientation="vertical" ang mga pane, at binabasa ng [(sizes)] ang mga laki nila habang nagbabago ang mga ito.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%