@owlui/tabs

Overview

Simple Tab component based on the bootstrap Tab

Description

The Tab component allows for simple same page navigation. Tabs is a higher-level component for quickly creating a Nav matched with a set of TabPanes with content.

Usage

Click on each component to visit the Bootstrap docs and check out the complete list of available props:

• <Tabs>

• <Tab>

• <TabContainer>

• <TabContent>

• <TabPane>

Examples

Basic Tabs Implementation:

<Tabs defaultActiveKey="profile" id="uncontrolled-tab-example">
  <Tab eventKey="home" title="Home">
    <div><div>
  </Tab>
  <Tab eventKey="profile" title="Profile">
    <div><div>
  </Tab>
  <Tab eventKey="contact" title="Contact" disabled>
    <div><div>
  </Tab>
</Tabs>