スプリッターは、スペースを複数のペインで分け合い、隣り合うペインの間にハンドルを置きます。ハンドルをドラッグするか、フォーカスして矢印キーで動かします。サイズは合計が 100 になるパーセント値で、[(sizes)] でバインドします。
各ペインの初期サイズ、最小サイズ、最大サイズは、ピクセル、rem、パーセントで指定できます。collapsible を指定したペインは、最小サイズの半分より小さくドラッグするか、ハンドル上で Enter キーを押すと折りたたまれ、元に戻すと折りたたむ前のサイズで表示されます。
storageKey を指定すると、サイズが localStorage に保存されるため、次回の訪問時も前回のままのレイアウトで表示されます。
エディター
ファイル、コード、プレビューで構成されています。ファイルとプレビューは折りたたむことができ、コードは幅の 30% 以上を保ち、サイズは保存されます。
export class App {}
// app.ts
縦積みのペイン
orientation="vertical" でペインを縦に積み、[(sizes)] で変化するサイズを読み取ります。
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%