Skip to content

Latest commit

 

History

History

ebay-tabs

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
__tests__
__tests__
 
 
README.md
README.md
 
 
index.ts
index.ts
 
 
tab-panel.tsx
tab-panel.tsx
 
 
tab.tsx
tab.tsx
 
 
tabs.tsx
tabs.tsx
 
 
types.ts
types.ts
 
 

README.md

EbayTabs

Demo

Storybook

Import JS

import { EbayTabs, EbayTab, EbayTabPanel } from '@ebay/ui-core-react/ebay-tabs'

Import following styles from SKIN

import '@ebay/skin/tabs';

Usage

<EbayTabs>
    <EbayTab>Tab 1</EbayTab>
    <EbayTab>Tab 2</EbayTab>
    <EbayTab>Tab 3</EbayTab>
    <EbayTabPanel>Panel 1</EbayTabPanel>
    <EbayTabPanel>Panel 2</EbayTabPanel>
    <EbayTabPanel>Panel 3</EbayTabPanel>
</EbayTabs>

Props

Name Type Stateful Description
selectedIndex Number Yes 0-based index of selected tab heading and panel
activation Enum Yes whether to use automatic or manual activation when navigating by keyboard, can be auto (default) or manual
size Enum No Whether to opt into larger font-size for tab headings, can be medium (default) or large

Callbacks

Event Data Description
onSelect ({ selectedIndex:number }) Triggered on tab selected.

EbayTab

<EbayTab>Tab 1</EbayTab>

EbayTabPanel

<EbayTabPanel>Panel 1</EbayTabPanel>