FlyoutItemButton

Navigation overlay row rendered as a button, covering level, drilldown, and plain action/toggle leaf states.

Available components

Level 1: drilldown (leads to a new view)

Level 1: drilldown (dark)

Level 2: plain action leaf vs. drilldown disclosure (click to expand)

Level 2: plain action leaf vs. drilldown disclosure (dark)

Level compact: same typography as level 2, denser padding, always a leaf — active marks the current selection

Level compact: same typography as level 2, denser padding, always a leaf — active marks the current selection (dark)

Long labels at different container widths

Wide container (600px, matches the desktop flyout panel)

Wide container (600px, dark)

Minimal container (320px, smallest supported mobile width)

Minimal container (320px, dark)