Tab

Props & Methods

prefixCls

string

"im-tab"

active

string

"0"

onTabClick

func

function() { }

onActive

func

function() { }

onBeforeActive

func

function() { }

tabType

'bottom' │ 'border' │ 'top' │ 'fit'

'bottom'

tabScene

'center' │ 'bookmark' │ 'banner'

[Empty string]

shouldDestroy

bool

true

style

object

className

string

Basic Usage

OPTION 1 OPTION 2 OPTION 3

Panel 1

No Destroy

OPTION 1 OPTION 2 OPTION 3

Panel 1

Panel 2

Panel 3

Tab Types

BOTTOM 1 BOTTOM 2 BOTTOM 3

Panel 1: The tabType is 'bottom'

TOP 1 TOP 2 TOP 3

Panel 1: The tabType is 'top'

FIT 1 FIIIIIIIT 2 FIIIIIIIIIIIIIIIIIIIT 3

Panel 1: The tabType is 'fit'

BORDER 1 BORDER 2 BORDER 3

Panel 1: The tabType is 'border'

Tab Scenes

OPTION 1OPTION 2OPTION 3

Panel 1: The tabScene is 'center'

OPTION 1 OPTION 2 OPTION 3

Panel 1: The tabScene is 'bookmark'

Panel 1: The tabScene is 'banner'

Active

OPTION 1 OPTION 2 OPTION 3

Panel 3

OnActive

选中了第 -1 项，上一次选中是 2

OPTION 1 OPTION 2 OPTION 3

OnBeforeActive

选中了第 -1 项，上一次选中的是 2

Cannot be selected! Have a try?OPTION 2 OPTION 3