ಸ್ಪ್ಲಿಟರ್ ತನ್ನ ಜಾಗವನ್ನು ಫಲಕಗಳ ನಡುವೆ ಹಂಚುತ್ತದೆ, ಮತ್ತು ಪ್ರತಿ ಎರಡು ಫಲಕಗಳ ನಡುವೆ ಒಂದು ಹ್ಯಾಂಡಲ್ ಇರುತ್ತದೆ. ಹ್ಯಾಂಡಲ್ ಅನ್ನು ಎಳೆಯಿರಿ, ಅಥವಾ ಅದಕ್ಕೆ ಫೋಕಸ್ ಮಾಡಿ ಬಾಣದ ಕೀಗಳನ್ನು ಬಳಸಿ. ಗಾತ್ರಗಳು ಒಟ್ಟು 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%