স্প্লিটার তার জায়গা প্যানেলগুলোর মধ্যে ভাগ করে দেয়, আর প্রতি দুটি প্যানেলের মাঝে থাকে একটি হ্যান্ডেল। হ্যান্ডেল ড্র্যাগ করুন, অথবা তাতে ফোকাস করে অ্যারো কী ব্যবহার করুন। আকার মাপা হয় শতাংশে, সব মিলিয়ে 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%