Skip to content
Snippets Groups Projects
Select Git revision
  • 2ef931921a9f45b94f31af5d59bdee3bd7d3300e
  • master default protected
  • 1.31
  • 4.34.1
  • 4.34.0
  • 4.33.1
  • 4.33.0
  • 4.32.2
  • 4.32.1
  • 4.32.0
  • 4.31.0
  • 4.30.1
  • 4.30.0
  • 4.29.1
  • 4.29.0
  • 4.28.0
  • 4.27.0
  • 4.26.0
  • 4.25.5
  • 4.25.4
  • 4.25.3
  • 4.25.2
  • 4.25.1
23 results

tabs.mjs

Blame
  • tabs.mjs 1.48 KiB
    /**
     * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
     * Node module: @schukai/monster
     * This file is licensed under the AGPLv3 License.
     * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
     */
    import { Tabs as NewTabs } from "../layout/tabs.mjs";
    export { Tabs };
    
    /**
     * This CustomControl creates a tab element with a variety of options.
     *
     * <img src="./images/tabs.png">
     *
     * You can create this control either by specifying the HTML tag `<monster-tabs />` directly in the HTML or using
     * Javascript via the `document.createElement('monster-tabs');` method.
     *
     * ```html
     * <monster-tabs></monster-tabs>
     * ```
     *
     * Or you can create this CustomControl directly in Javascript:
     *
     * ```js
     * import {Tabs} from '@schukai/component-form/source/tab.js';
     * document.createElement('monster-tabs');
     * ```
     *
     * @example <caption>Create a simple tab control</caption>
     * <monster-tabs>
     *     <div id="tab1">Tab 1</div>
     *     <div id="tab2">Tab 2</div>
     * </monster-tabs>
     *
     * @startuml tabs.png
     * skinparam monochrome true
     * skinparam shadowing false
     * HTMLElement <|-- CustomElement
     * CustomElement <|-- CustomControl
     * CustomControl <|-- NewTabs
     * NewTabs <|-- Tabs
     * @enduml
     *
     * @since 1.10.0
     * @copyright schukai GmbH
     * @memberOf Monster.Components.Form
     * @summary A configurable tab control
     * @fires Monster.Components.event:monster-fetched
     * @deprecated since 3.59.0 use {@link Monster.Components.Layout.Tabs}
     */
    class Tabs extends NewTabs {
    
    }