تقسیمکننده فضای خود را میان پنلها تقسیم میکند و میان هر دو پنل یک دستگیره دارد. دستگیره را بکشید، یا آن را فوکوس کنید و از کلیدهای جهتنما استفاده کنید. اندازهها درصدهایی هستند که جمعشان ۱۰۰ میشود و [(sizes)] آنها را متصل میکند.
هر پنل اندازهٔ اولیه، حداقل و حداکثر خود را به پیکسل، rem یا درصد میگیرد. پنلی که collapsible دارد، وقتی تا کمتر از نصف حداقلش کشیده شود یا روی دستگیرهاش Enter بزنید، جمع میشود و با همان اندازهای که داشت برمیگردد.
با storageKey، اندازهها در localStorage نگه داشته میشوند تا کاربران در بازدید بعدی، چیدمان را همانطور که گذاشته بودند ببینند.
یک ویرایشگر
فایلها، کد و پیشنمایش. پنل فایلها و پیشنمایش جمع میشوند، کد دستکم ۳۰٪ از عرض را نگه میدارد و اندازهها ذخیره میشوند.
export class App {}
// app.ts
پنلهای روی هم
orientation="vertical" پنلها را روی هم میچیند و [(sizes)] اندازههایشان را همزمان با تغییرشان میخواند.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%