StackNavigation

Icon is a RenderFragment, not a string path. Blok's icon: ReactNode accepts any React element. The Blazor equivalent is RenderFragment, so items take a pre-built content fragment rather than an icon-path string. This lets you compose any inline markup (our Icon component, a custom SVG, a colored dot, an emoji) without a separate integration.

OnItemClick uses an event-args object with PreventDefault. Blok's callback returns false to cancel navigation via e.preventDefault(). Blazor's event model runs the C# callback after the browser has already scheduled the navigation, so we instead pass a StackNavigationItemClickedEventArgs whose PreventDefault property your handler can set to true. When the callback is wired, we short-circuit the <a> default via @onclick:preventDefault and drive the navigation ourselves via NavigationManager, honouring your PreventDefault choice.

Active-item detection uses Blazor's NavigationManager. Blok reads window.location.pathname via a useEffect if no pathname prop is supplied. We inject NavigationManager and compute the current path from its Uri as a fallback. Supply the Pathname parameter explicitly if you'd rather drive highlighting from a router state or a bound property.

Thin styled vertical scrollbar; horizontal scroll suppressed; items never clip. Blok uses overflow-auto on the scrollable body, which both triggers a horizontal scrollbar when a long label ellipsizes AND lets the vertical scrollbar claim 16px off the items' available width — the min-w-14 items then clip against it. BlazorUI substitutes overflow-y-auto overflow-x-hidden (no horizontal scroll) and reserves a stable 6px gutter on the body via scrollbar-gutter:stable. A -mr-1.5 on the same body extends the scrollable viewport into what was the rail's right padding, so the scrollbar sits at the rail's outer right edge rather than crowding the items. Webkit/Chromium/Edge styling mirrors ScrollArea (bg-border thumb, transparent track, rounded-full thumb, no scrollbar buttons); Firefox uses scrollbar-width:thin.