Swiper - v12.1.0
    Preparing search index...

    Interface NavigationOptions

    interface NavigationOptions {
        addIcons?: boolean;
        disabledClass?: string;
        enabled?: boolean;
        hiddenClass?: string;
        hideOnClick?: boolean;
        lockClass?: string;
        navigationDisabledClass?: string;
        nextEl?: HTMLElement | CSSSelector | null;
        prevEl?: HTMLElement | CSSSelector | null;
    }
    Index

    Properties

    addIcons? disabledClass? enabled? hiddenClass? hideOnClick? lockClass? navigationDisabledClass? nextEl? prevEl?

    Properties

    addIcons?: boolean

    Boolean property to add SVG icons to navigation buttons

    true
    disabledClass?: string

    CSS class name added to navigation button when it becomes disabled

    'swiper-button-disabled'
    enabled?: boolean

    Boolean property to use with breakpoints to enable/disable navigation on certain breakpoints

    hiddenClass?: string

    CSS class name added to navigation button when it becomes hidden

    'swiper-button-hidden'
    hideOnClick?: boolean

    Toggle navigation buttons visibility after click on Slider's container

    false
    lockClass?: string

    CSS class name added to navigation button when it is disabled

    'swiper-button-lock'
    navigationDisabledClass?: string

    CSS class name added on swiper container when navigation is disabled by breakpoint

    'swiper-navigation-disabled'
    nextEl?: HTMLElement | CSSSelector | null

    String with CSS selector or HTML element of the element that will work like "next" button after click on it

    null
    prevEl?: HTMLElement | CSSSelector | null

    String with CSS selector or HTML element of the element that will work like "prev" button after click on it

    null

    Settings

    Member Visibility

    On This Page

    Properties