mithril-materialized
    Preparing search index...

    Interface TabsAttrs

    interface TabsAttrs {
        class?: string;
        className?: string;
        duration?: number;
        key?: string | number;
        onShow?: (tab: HTMLElement) => void;
        onTabChange?: (tabId: string) => void;
        responsiveThreshold?: number;
        selectedTabId?: string;
        swipeable?: boolean;
        tabs: TabItem[];
        tabWidth?: "auto" | "fill" | "fixed";
        onbeforeremove?(this: any, vnode: VnodeDOM<any, any>): void | Promise<any>;
        onbeforeupdate?(
            this: any,
            vnode: Vnode<any, any>,
            old: VnodeDOM<any, any>,
        ): boolean | void;
        oncreate?(this: any, vnode: VnodeDOM<any, any>): any;
        oninit?(this: any, vnode: Vnode<any, any>): any;
        onremove?(this: any, vnode: VnodeDOM<any, any>): any;
        onupdate?(this: any, vnode: VnodeDOM<any, any>): any;
        [property: string]: any;
    }

    Hierarchy (View Summary)

    Indexable

    • [property: string]: any

      Any other virtual element properties, including attributes and event handlers.

    Index

    Properties

    class? className? duration? key? onShow? onTabChange? responsiveThreshold? selectedTabId? swipeable? tabs tabWidth?

    Methods

    onbeforeremove? onbeforeupdate? oncreate? oninit? onremove? onupdate?

    Properties

    class?: string

    The class name(s) for this virtual element, as a space-separated list.

    className?: string

    The class name(s) for this virtual element, as a space-separated list.

    duration?: number

    Duration of tab change animation in ms

    key?: string | number

    A key to optionally associate with this element.

    onShow?: (tab: HTMLElement) => void

    Called when a tab is shown

    onTabChange?: (tabId: string) => void

    Callback when tab changes

    responsiveThreshold?: number

    The maximum width at which tabs switch to swipeable mode

    selectedTabId?: string

    Selected tab id, takes precedence over tab.active property

    swipeable?: boolean

    Enable swiping between tabs on mobile

    tabs: TabItem[]

    List of tab items

    tabWidth?: "auto" | "fill" | "fixed"

    Tab width, can be auto to use the width of the title, fill to use all availabe space, or fixed to use a column size.

    Methods

    • The onbeforeremove hook is called before a DOM element is detached from the document. If a Promise is returned, Mithril only detaches the DOM element after the promise completes.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns void | Promise<any>

    • The onbeforeupdate hook is called before a vnode is diffed in a update.

      Parameters

      • this: any
      • vnode: Vnode<any, any>
      • old: VnodeDOM<any, any>

      Returns boolean | void

    • The oncreate hook is called after a DOM element is created and attached to the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    • The oninit hook is called before a vnode is touched by the virtual DOM engine.

      Parameters

      • this: any
      • vnode: Vnode<any, any>

      Returns any

    • The onremove hook is called before a DOM element is removed from the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    • The onupdate hook is called after a DOM element is updated, while attached to the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    Settings

    Member Visibility

    On This Page

    Properties
    Methods