1.8.1 • Published 10 months ago

@finastra/tabs v1.8.1

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months 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

10 months ago

1.8.0

11 months ago

1.7.0

1 year ago

1.6.0

1 year ago

1.4.2

1 year ago

1.5.0

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.0

1 year ago

1.1.1

2 years ago

1.1.0

2 years ago

1.2.8

1 year ago

1.2.7

1 year ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.1.3

2 years ago

1.0.4

2 years ago

1.2.1

1 year ago

1.1.2

2 years ago

1.2.9

1 year ago

1.2.12

1 year ago

1.2.13

1 year ago

1.2.10

1 year ago

1.2.11

1 year ago

1.2.16

1 year ago

1.2.17

1 year ago

1.2.14

1 year ago

1.2.15

1 year ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.42

2 years ago

0.0.44

2 years ago

1.0.3

2 years ago

0.0.41

2 years ago

0.0.40

2 years ago

0.0.39

2 years ago

0.0.38

2 years ago

0.0.37

2 years ago

0.0.36

2 years ago

0.0.35

2 years ago

0.0.34

2 years ago

0.0.33

2 years ago