Skip to content

Latest commit

 

History

History

ebay-fake-tabs

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
__tests__
__tests__
 
 
README.md
README.md
 
 
fake-tabs.tsx
fake-tabs.tsx
 
 
index.ts
index.ts
 
 
tab.tsx
tab.tsx
 
 

README.md

EbayFakeTab

Demo

Storybook

Import JS

import { EbayFakeTabs, EbayFakeTab } from '@ebay/ui-core-react/ebay-fake-tabs'

Import following styles from SKIN

import '@ebay/skin/tabs';

Usage

<EbayFakeTabs>
    <EbayFakeTab>Tab 1</EbayFakeTab>
    <EbayFakeTab>Tab 2</EbayFakeTab>
    <EbayFakeTab>Tab 3</EbayFakeTab>
    <h3>Title</h3>
    <p>Content</p>
</EbayFakeTabs>

Props

Name Type Stateful Description
selectedIndex Number Yes 0-based index of selected tab heading
tabMatchesCurrentUrl Boolean No Specify whether the href of the currently active fake tab matches the current window url. Default is true. This property is used to configure the underlying aria-current attribute (i.e. a value of "page" (default) or "true").

EbayFakeTab

<EbayTab>Tab 1</EbayTab>

EbayFakeTab Props

Name Type Stateful Description
href String No The link to take the user to for each tab