/** * 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 { }