1.8.1 • Published 2 years ago
@finastra/tabs v1.8.1
Tabs
Usage
Import
npm i @finastra/tabs
import '@finastra/tabs';
...
<fds-tab-group>
<fds-tab-item label="Tab 1">Content tab 1</fds-tab-item>
<fds-tab-item label="Tab 2">Content tab 2</fds-tab-item>
</fds-tab-group>
API
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
headerDisplayType | headerDisplayType | string | "" | Display type for tab button: Accepts one of values : classic \| segmented \| '' |
headerPosition | headerPosition | string | "start" | Position of header. Accepts one of values : start \| center \| end |
override | ||||
selectedIndex | selectedIndex | number | 0 | Index of tab that is active. |
separator | separator | boolean | false | Add dividers between tabs |
Methods
Method | Type |
---|---|
observeChildList | (): void |
updateTabInfo | (): void |
Events
Event | Type |
---|---|
selectedIndexChange | CustomEvent<{ index: number; }> |
fds-tab-item
Properties
Property | Attribute | Type | Default |
---|---|---|---|
label | label | string | "" |
1.8.1
2 years ago
1.8.0
2 years ago
1.7.0
2 years ago
1.6.0
2 years ago
1.4.2
2 years ago
1.5.0
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.1.3
3 years ago
1.0.4
3 years ago
1.2.1
3 years ago
1.1.2
3 years ago
1.2.9
3 years ago
1.2.12
3 years ago
1.2.13
3 years ago
1.2.10
3 years ago
1.2.11
3 years ago
1.2.16
3 years ago
1.2.17
3 years ago
1.2.14
3 years ago
1.2.15
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.0.42
3 years ago
0.0.44
3 years ago
1.0.3
3 years ago
0.0.41
3 years ago
0.0.40
3 years ago
0.0.39
3 years ago
0.0.38
3 years ago
0.0.37
3 years ago
0.0.36
3 years ago
0.0.35
3 years ago
0.0.34
3 years ago
0.0.33
3 years ago