Interface AsukaResponsiveConfig

interface AsukaResponsiveConfig {
    bottomNavZones?: AsukaResponsiveBottomNavZone[];
    drawerPanelsOnTablet?: boolean;
    enabled?: boolean;
    fullscreenOverlaysOnMobile?: boolean;
    maxVisibleMobileItems?: number;
    mobileMaxWidth?: number;
    mobileOverlayMode?: AsukaResponsiveMobileOverlayMode;
    moveSideZonesToBottomNav?: boolean;
    preset?: AsukaResponsivePreset;
    safeArea?: boolean;
    tabletMaxWidth?: number;
    tabletPanelMode?: AsukaResponsiveTabletPanelMode;
}

Properties

bottomNavZones? drawerPanelsOnTablet? enabled? fullscreenOverlaysOnMobile? maxVisibleMobileItems? mobileMaxWidth? mobileOverlayMode? moveSideZonesToBottomNav? preset? safeArea? tabletMaxWidth? tabletPanelMode?

Properties

OptionalbottomNavZones

bottomNavZones?: AsukaResponsiveBottomNavZone[]

Side zones moved into the mobile bottom navigation. Defaults to ['left', 'right'].

OptionaldrawerPanelsOnTablet

drawerPanelsOnTablet?: boolean

Render side zones as compact rails and open their modules as drawers on tablet. Defaults to true.

Optionalenabled

enabled?: boolean

Enable responsive layout adaptations. Defaults to true.

OptionalfullscreenOverlaysOnMobile

fullscreenOverlaysOnMobile?: boolean

Convert small overlays to fullscreen modals on mobile. Defaults to false.

OptionalmaxVisibleMobileItems

maxVisibleMobileItems?: number

Number of left/right items shown directly in mobile bottom navigation. Defaults to 5.

OptionalmobileMaxWidth

mobileMaxWidth?: number

Max shell width considered mobile. Defaults to 640px.

OptionalmobileOverlayMode

mobileOverlayMode?: AsukaResponsiveMobileOverlayMode

Responsive behavior for non-inline overlays on mobile. Defaults to preserve.

OptionalmoveSideZonesToBottomNav

moveSideZonesToBottomNav?: boolean

Move left/right zones into the mobile bottom navigation. Defaults to true.

Optionalpreset

preset?: AsukaResponsivePreset

Convenience preset. off disables all adaptations.

OptionalsafeArea

safeArea?: boolean

Add safe-area padding to mobile navigation and fullscreen overlays. Defaults to true.

OptionaltabletMaxWidth

tabletMaxWidth?: number

Max shell width considered tablet. Defaults to 960px.

OptionaltabletPanelMode

tabletPanelMode?: AsukaResponsiveTabletPanelMode

Responsive behavior for non-inline side-zone overlays on tablet. Defaults to drawer.

Settings

Member Visibility

On This Page

Properties