[starlightViewModes.switchTo](/Windmillcode-Angular-CDK-Docs/zen-mode/19.0.0/angular-components/wml-tabs)function h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[
npm install @windmillcode/angular-wml-tabsstarlightViewModes.switchTofunction h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);The WML Tabs Zero component is a customizable tab component for Angular applications. It offers the following features:
Customizable Headers: Each tab can have a custom header or a predefined WML tab header.Dynamic Tab Content: The body of each tab can be customized to include any component.Event Handling: The component provides events for tab changes and updates.Responsive Design: The component is designed to be responsive and adapts to various screen sizes.Custom Styling: Supports custom styles through SCSS variables and mixins.
Section titled “Installation”To install the WML Tabs Zero component, use the following command:
Terminal window npm install --verbose @windmillcode/angular-wml-tabs
Section titled “Usage”Here are some possible examples of how to use the WML Tabs Zero component:
Section titled “Getting Started”
Section titled “Custom Header”
Section titled “Change Tab Programtically”
Section titled “Listen For Tab Change”
Section titled “WMLTabsZeroProps”
| Property | Type | Description |
|---|---|---|
tabs | Array<WMLTabsZero> | Array of tab configurations. |
setState | (<WMLTabsZeroPropsUpdateTabsSubjProps | void>)=> void | Subject for updating tabs. |
tabChangedEvent | Subject<WMLTabsZero> | Event emitted when a tab is changed. |
| Property | Type | Description |
|---|---|---|
index | number | Index of the tab. |
isChosen | boolean | Indicates if the tab is currently selected. |
header | object | Header configuration for the tab. |
header.type | "custom" | "wmlTabHeader" | Type of header to use. |
header.wmlTabHeader | WMLTabHeader | Configuration for the WML tab header. |
header.custom | WMLCustomComponent | Custom header component. |
body | WMLCustomComponent | Custom body component for the tab. |
Section titled “WMLTabsZeroPropsUpdateTabsSubjProps”
| Property | Type | Description |
|---|---|---|
currentTable | number | Index of the current active tab. |
| Property | Type | Description |
|---|---|---|
isChosenClass | string | Class to apply when the tab is selected. |
isNotChosenClass | string | Class to apply when the tab is not selected. |
icon | WMLUIProperty | Icon configuration for the tab header. |
click | function | Click event handler for the tab header. |
Section titled “v0.0.1”component deployed made available for use
pass an instace of WMLTabsZeroProps to the html like sotabProps = new WMLTabsZeroProps({ tabs:[ new WMLTab({ header:{ type:"wmlTabHeader", wmlTabHeader:new WMLTabHeader({ text:"Tab "+index0 }), body = new WMLCustomComponent({ cpnt:YourComponent, props:new YourComponentProps() }) } }) ]})
<wml-tabs [props]=tabProps></wml-tabls>
Section titled “v1.0.0”fixed major problems concerning ngx-translate// translate// first make sure to have ONLY ONE in the imports for AppModule TranslateModule.forRoot({ defaultLanguage: 'en', loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps:[HttpClient] } }),// thenWMLTabsZeroNGXTranslateModule// for regularWMLTabsZeroModule
Section titled “v1.0.1”mimor dep update
Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package
,
Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package,
Section titled “v16.2.90”updated package to reflect the version 16.2.90 of @angular/core package,
Section titled “v16.2.91”updated package to reflect the version 16.2.91 of @angular/core package,
Section titled “v16.2.93”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.100”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.110”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.120”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.10”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.11”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.20”updated package to reflect the version ^17.0.2 of @angular/core package,
Section titled “v17.0.40”updated package to reflect the version ^17.0.4 of @angular/core package,
Section titled “v17.0.50”updated package to reflect the version ^17.0.5 of @angular/core package,
Section titled “v17.0.60”updated package to reflect the version ^17.0.6 of @angular/core package,
Section titled “v17.0.70”updated package to reflect the version ^17.0.7 of @angular/core package,
Section titled “v17.0.7100”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.7200”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.7300”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.80”updated package to reflect the version ^17.0.8 of @angular/core package,
Section titled “v17.0.8100”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.8102”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.8103”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.9000”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.9001”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.1.0000”updated package to reflect the version ^17.1.0 of @angular/core package,
Section titled “v17.1.2”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.1.1000”updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.1.2000 [2/5/24]”](#v1712000-2524)updated package to reflect the version ^17.1.2 of @angular/core package,
[Section titled “v17.1.2001 [2/8/24]”](#v1712001-2824)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.1.3000 [2/8/24]”](#v1713000-2824)updated package to reflect the version ^17.1.3 of @angular/core package,
[Section titled “v17.2.1000 [2/17/24]”](#v1721000-21724)updated package to reflect the version ^17.2.1 of @angular/core package,
[Section titled “v17.2.2001 [2/23/24]”](#v1722001-22324)updated package to reflect the version ^17.2.2 of @angular/core package,
[Section titled “v17.2.3000 [2/28/24]”](#v1723000-22824)updated package to reflect the version ^17.2.3 of @angular/core package,
[Section titled “v17.2.3001 [3/2/24]”](#v1723001-3224)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.2.3002 [3/5/24]”](#v1723002-3524)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.2.4000 [3/8/24]”](#v1724000-3824)updated package to reflect the version ^17.2.4 of @angular/core package,
[Section titled “v17.2.4001 [3/12/24]”](#v1724001-31224)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.2.4002 [3/12/24]”](#v1724002-31224)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.2.4003 [3/13/24]”](#v1724003-31324)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.2.4004 [3/13/24]”](#v1724004-31324)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.3.0 [3/17/24]”](#v1730-31724)updated package to reflect the version ^17.3.0 of @angular/core package
,
[Section titled “v17.3.1000 [3/22/24]”](#v1731000-32224)updated package to reflect the version ^17.3.1 of @angular/core package,
[Section titled “v17.3.2000 [3/28/24]”](#v1732000-32824)updated package to reflect the version ^17.3.2 of @angular/core package,
[Section titled “v17.3.3000 [4/4/24]”](#v1733000-4424)updated package to reflect the version ^17.3.3 of @angular/core package,
[Section titled “v17.3.4000 [4/11/24]”](#v1734000-41124)updated package to reflect the version ^17.3.4 of @angular/core package,
[Section titled “v17.3.4001 [4/16/24]”](#v1734001-41624)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.3.5000 [4/20/24]”](#v1735000-42024)updated package to reflect the version ^17.3.5 of @angular/core package,
[Section titled “v17.3.5110 [5/1/24]”](#v1735110-5124)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v17.3.6000 [5/1/24]”](#v1736000-5124)updated package to reflect the version ^17.3.6 of @angular/core package,
[Section titled “v17.3.7000 [5/9/24]”](#v1737000-5924)updated package to reflect the version ^17.3.7 of @angular/core package,
[Section titled “v17.3.8000 [5/9/24]”](#v1738000-5924)updated package to reflect the version ^17.3.8 of @angular/core package,
[Section titled “v17.3.9000 [5/16/24]”](#v1739000-51624)updated package to reflect the version ^17.3.9 of @angular/core package,
[Section titled “v18.0.1 [5/23/24]”](#v1801-52324)updated package to reflect the version ^18.0.0 of @angular/core package,
[Section titled “v18.0.4 [5/25/24]”](#v1804-52524)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.0.1000 [5/29/24]”](#v1801000-52924)updated package to reflect the version ^18.0.1 of @angular/core package,
[Section titled “v18.0.2000 [6/6/24]”](#v1802000-6624)updated package to reflect the version ^18.0.2 of @angular/core package,
[Section titled “v18.0.3000 [6/13/24]”](#v1803000-61324)updated package to reflect the version ^18.0.3 of @angular/core package,
[Section titled “v18.0.3010 [6/18/24]”](#v1803010-61824)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.0.4000 [6/23/24]”](#v1804000-62324)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.0.5000 [6/26/24]”](#v1805000-62624)updated package to reflect the version ^18.0.5 of @angular/core package,
[Section titled “v18.0.6000 [7/5/24]”](#v1806000-7524)updated package to reflect the version ^18.0.6 of @angular/core package,
[Section titled “v18.1.4 [7/13/24]”](#v1814-71324)updated package to reflect the version ^18.1.0 of @angular/core package,
[Section titled “v18.1.6 [7/14/24]”](#v1816-71424)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.1.1000 [7/18/24]”](#v1811000-71824)updated package to reflect the version ^18.1.1 of @angular/core package,
[Section titled “v18.1.2000 [7/24/24]”](#v1812000-72424)updated package to reflect the version ^18.1.2 of @angular/core package,
[Section titled “v18.1.2300 [7/27/24]”](#v1812300-72724)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.1.2301 [7/30/24]”](#v1812301-73024)updated package to conform with @windmillcode/angular-wml-components-base
,
[Section titled “v18.1.3000-beta3 [8/1/24]”](#v1813000-beta3-8124)updated package to conform with @windmillcode/angular-wml-components-base ,
[Section titled “v18.1.3000-beta4 [8/1/24]”](#v1813000-beta4-8124)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3002 [8/4/24]”](#v1813002-8424)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3001 [8/4/24]”](#v1813001-8424)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3003 [8/5/24]”](#v1813003-8524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3004 [8/5/24]”](#v1813004-8524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3005 [8/5/24]”](#v1813005-8524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3006 [8/5/24]”](#v1813006-8524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.3007 [8/5/24]”](#v1813007-8524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.4000 [8/14/24]”](#v1814000-81424)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.1.4001 [8/14/24]”](#v1814001-81424)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.0 [8/15/24]”](#v1820-81524)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.1 [8/20/24]”](#v1821-82024)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.1000 [8/22/24]”](#v1821000-82224)updated package to reflect the version 18.2.1 of @angular/core package
[Section titled “v18.2.2000 [8/30/24]”](#v1822000-83024)updated package to reflect the version 18.2.2 of @angular/core package
[Section titled “v18.2.2100 [9/1/24]”](#v1822100-9124)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.2101 [9/1/24]”](#v1822101-9124)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.2200 [9/3/24]”](#v1822200-9324)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.3000 [9/4/24]”](#v1823000-9424)updated package to reflect the version 18.2.3 of @angular/core package
[Section titled “v18.2.3100 [9/8/24]”](#v1823100-9824)updated package to reflect the version 18.2.3 of @angular/core package
[Section titled “v18.2.3110 [9/10/24]”](#v1823110-91024)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.3112 [9/10/24]”](#v1823112-91024)updated package to conform with @windmillcode/angular-wml-components-base
[Section titled “v18.2.3200 [9/16/24]”](#v1823200-91624)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.4000 [9/16/24]”](#v1824000-91624)updated package to reflect the version 18.2.4 of @angular/core package
[Section titled “v18.2.4100 [9/19/24]”](#v1824100-91924)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.4200 [9/21/24]”](#v1824200-92124)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.5001 [9/22/24]”](#v1825001-92224)updated package to reflect the version 18.2.5 of @angular/core package
[Section titled “v18.2.6000 [10/1/24]”](#v1826000-10124)updated package to reflect the version 18.2.6 of @angular/core package
[Section titled “v18.2.7000 [10/2/24]”](#v1827000-10224)updated package to reflect the version 18.2.7 of @angular/core package
[Section titled “v18.2.7001 [10/6/24]”](#v1827001-10624)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.7010 [10/9/24]”](#v1827010-10924)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.7020 [10/10/24]”](#v1827020-101024)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.8000 [10/10/24]”](#v1828000-101024)updated package to reflect the version 18.2.8 of @angular/core package
[Section titled “v18.2.8000 [10/11/24]”](#v1828000-101124)updated package to reflect the version 18.2.8 of @angular/core package
[Section titled “v18.2.8001 [10/11/24]”](#v1828001-101124)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.9000 [10/23/24]”](#v1829000-102324)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.10000 [10/31/24]”](#v18210000-103124)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.11000 [11/7/24]”](#v18211000-11724)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.12000 [11/15/24]”](#v18212000-111524)updated package to conform with @windmillcode/wml-components-base
[Section titled “v18.2.12001 [11/17/24]”](#v18212001-111724)updated package to conform with @windmillcode/wml-components-base
[Section titled “v19.0.0 [11/19/24]”](#v1900-111924)updated package to conform with @windmillcode/wml-components-base
[Section titled “v19.0.3 [11/20/24]”](#v1903-112024)updated package to conform with @windmillcode/wml-components-base
[Section titled “v19.0.4 [11/26/24]”](#v1904-112624)updated package to conform with @windmillcode/wml-components-base
[Section titled “v19.0.1000 [11/26/24]”](#v1901000-112624)updated package to conform with @windmillcode/wml-components-basePrevious
WML Table (Beta Unstable Unmaintainable)Next
WML Toggle