ਸਪਲਿਟਰ ਆਪਣੀ ਥਾਂ ਪੈਨਲਾਂ ਵਿੱਚ ਵੰਡਦਾ ਹੈ, ਅਤੇ ਹਰ ਦੋ ਪੈਨਲਾਂ ਵਿਚਕਾਰ ਇੱਕ ਹੈਂਡਲ ਹੁੰਦਾ ਹੈ। ਹੈਂਡਲ ਨੂੰ ਡ੍ਰੈਗ ਕਰੋ, ਜਾਂ ਉਸ ’ਤੇ ਫ਼ੋਕਸ ਕਰਕੇ ਐਰੋ ਕੁੰਜੀਆਂ ਵਰਤੋ। ਆਕਾਰ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਹੁੰਦੇ ਹਨ, ਜਿਨ੍ਹਾਂ ਦਾ ਜੋੜ 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%