1.8.1 • Published 2 years ago

@finastra/tabs v1.8.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Tabs

See it on NPM! How big is this package in your project? Storybook

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

PropertyAttributeTypeDefaultDescription
headerDisplayTypeheaderDisplayTypestring""Display type for tab button: Accepts one of values : classic \| segmented \| ''
headerPositionheaderPositionstring"start"Position of header. Accepts one of values : start \| center \| end
override
selectedIndexselectedIndexnumber0Index of tab that is active.
separatorseparatorbooleanfalseAdd dividers between tabs

Methods

MethodType
observeChildList(): void
updateTabInfo(): void

Events

EventType
selectedIndexChangeCustomEvent<{ index: number; }>

fds-tab-item

Properties

PropertyAttributeTypeDefault
labellabelstring""
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