avalonia-pro-max/layout-patterns
Installation
SKILL.md
Layout Patterns
Breakpoints
Avalonia desktop windows have no fixed viewport, so define your own breakpoint conventions and react in code-behind or via OnSizeChanged. Recommended scale:
| Name | Width | Typical |
|---|---|---|
Compact |
< 640 px | Mobile, narrow sidebar collapsed window |
Medium |
640 – 1024 px | Tablet, small desktop window |
Wide |
1024 – 1440 px | Standard desktop |
XWide |
≥ 1440 px | Large desktop, ultrawide |