Wagtail client-side components
    Preparing search index...

    Class default

    All tabs and tab content must be nested in an element with the data-tab attribute All tab buttons need the role="tab" attr and an href with the tab content ID Tab contents need to have the role="tabpanel" attribute and ID attribute that matches the href of the tab link. Tab buttons should also be wrapped in an element with the role="tablist" attribute Use the attribute data-tab-trigger on an Anchor link and set the href to the #ID of the tab you would like to trigger

    Index

    Constructors

    constructor

    Properties

    animate disableURL state tabButtons tabContainer tabList tabPanels tabTriggerLinks

    Methods

    animateIn animateOut bindEvents focusFirstTab focusLastTab getTabElementByHref keydownEventListener onComponentLoaded selectFirstTab selectTab selectTabByURLHash setURLHash switchTabOnArrowPress unSelectActiveTab setAriaControlsByHref

    Constructors

    Properties

    animate: any
    disableURL: any
    state: {
        activeTabID: string;
        css: { animate: string };
        direction: { ArrowLeft: number; ArrowRight: number };
        initialPageLoad: boolean;
        keys: {
            down: string;
            end: string;
            home: string;
            left: string;
            right: string;
            up: string;
        };
        transition: number;
    }
    tabButtons: any
    tabContainer: any
    tabList: any
    tabPanels: any
    tabTriggerLinks: any

    Methods

    • A query selector for selecting a tab element by it's href

      Parameters

      • href: any

      Returns any

    • Set url to have a tab hash at the end

      Parameters

      • tabId: any

      Returns void

    • Parameters

      • event: any

      Returns void

    • Parameters

      • newTabId: string

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods