use Tabs

Basic usage

I am a plane I am a ship I am a train I am a car

Accelerate the transition

I am a plane I am a ship I am a train I am a car

Transition mitigation

I am a plane I am a ship I am a train I am a car

Use linear style

I am a plane I am a ship I am a train I am a car

The TAB is located at the bottom

I am a plane I am a ship I am a train I am a car

The TAB is located on the left

I am a plane I am a ship I am a train I am a car

The TAB is located on the right

I am a plane I am a ship I am a train I am a car

Custom transition

{#if active === 0}

I am a plane

{:else if active === 1}

I am a ship

{:else if active === 2}

I am a train

{:else if active === 3}

I am a car

{/if}

monitor change event

I am a plane I am a ship I am a train I am a car

At present Tabs activated active：{changeActive}

different Tab style

Different fillet

Match text with ICONS

Care edition

Linear style

customize Tab Outer style

customize Tab style

Custom selection Tab style

Customize the indicator style

Use alone Tab

At present Tab clickable active：{active}