اسپلٹر اپنی جگہ پینلز میں بانٹتا ہے، اور ہر دو پینلز کے درمیان ایک ہینڈل ہوتا ہے۔ ہینڈل کو ڈریگ کریں، یا اسے فوکس کر کے ایرو کیز استعمال کریں۔ سائز فیصد میں ہوتے ہیں جن کا مجموعہ 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%