1.0.23 • Published 13 days ago
@digital-realty/ix-tabs v1.0.23
\
This webcomponent follows the open-wc recommendation.
Installation
npm i @digital-realty/ix-tabs
Usage
<script type="module">
import '@digital-realty/ix-tabs/ix-tabs.js';
import '@digital-realty/ix-tabs/ix-primary-tab.js';
import '@digital-realty/ix-tabs/ix-secondary-tab.js';
</script>
<ix-tabs>
<ix-primary-tab>Tab 1</ix-primary-tab>
<ix-primary-tab>Tab 2</ix-primary-tab>
<ix-primary-tab>Tab 3</ix-primary-tab>
<ix-primary-tab>Tab 4</ix-primary-tab>
</ix-tabs>
or
<ix-tabs id="secondary">
<ix-secondary-tab>Tab 1</ix-secondary-tab>
<ix-secondary-tab>Tab 2</ix-secondary-tab>
<ix-secondary-tab>Tab 3</ix-secondary-tab>
</ix-tabs>
or
scrollButton property can be set on ix-tabs to enable
left and right scroll buttons for overflowing tab sets
active property can be set on individual tabs to set initial active state
<ix-tabs scrollButtons>
<ix-primary-tab>Tab 1</ix-primary-tab>
<ix-primary-tab active>Tab 2</ix-primary-tab>
<ix-primary-tab>Tab 3</ix-primary-tab>
<ix-primary-tab>Tab 4</ix-primary-tab>
</ix-tabs>
In React
<script type="module">
import { IxTabs } from '@digital-realty/ix-tabs/IxTabs'
import { IxPrimaryTab } from '@digital-realty/ix-tabs/IxPrimaryTab'
import { IxSecondaryTab } from '@digital-realty/ix-tabs/IxSecondaryTab'
</script>
Demo and Documentation
Full documentation and demo are available at DLR Component Gallery.
1.0.23
13 days ago
1.0.22
27 days ago
1.0.21
1 month ago
1.0.11
1 month ago
1.0.10
2 months ago
1.0.9
2 months ago
1.0.8
2 months ago
1.0.7
2 months ago
1.0.4
3 months ago
1.0.3
3 months ago
1.0.2
3 months ago
1.0.1
4 months ago
0.0.11
4 months ago
0.0.12
4 months ago
0.0.10
5 months ago
0.0.9
5 months ago
0.0.8
6 months ago
0.0.7
6 months ago
0.0.6
6 months ago
0.0.5
6 months ago
0.0.4
6 months ago
0.0.3
7 months ago
0.0.2
7 months ago
0.0.1
7 months ago