स्प्लिटर अपनी जगह पैनलों में बाँटता है, और हर दो पैनलों के बीच एक हैंडल होता है। हैंडल को ड्रैग करें, या उस पर फ़ोकस करके ऐरो कुंजियाँ दबाएँ। साइज़ प्रतिशत में होते हैं, जिनका जोड़ 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%