સ્પ્લિટર પોતાની જગ્યા પૅનલ વચ્ચે વહેંચે છે, અને દર બે પૅનલ વચ્ચે એક હૅન્ડલ હોય છે. હૅન્ડલને ડ્રૅગ કરો, અથવા તેના પર ફોકસ કરીને તીર કી વાપરો. કદ ટકામાં હોય છે અને તેમનો સરવાળો 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%