스플리터는 공간을 여러 패널에 나누고, 이웃한 두 패널 사이마다 핸들을 둡니다. 핸들을 드래그하거나, 핸들에 포커스를 두고 화살표 키를 사용합니다. 크기는 합이 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%