Something went wrong on our end
Select Git revision
-
Volker Schukai authoredVolker Schukai authored
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 {
}