import React from 'react'; import { Container, Row, Col, Card, CardTitle, CardBody, Nav, NavItem, NavLink, Badge, } from './../../../components'; import { HeaderMain } from "../../components/HeaderMain"; import { HeaderDemo } from "../../components/HeaderDemo"; const TabsPills = () => ( { /* START Header 1 */} Default, bordered, toolbar layouts )} /> { /* END Header 1 */} { /* START Section 1 */} { /* START Col6 1 */} Pills: Default #1.01

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

{ /* END Col6 1 */} { /* START Col6 2 */} Pills: Fill & Justify #1.02

Easily make pills equal widths of their parent with .nav-justified class.

{ /* END Col6 2 */} { /* END Section 1 */} { /* START Header 2 */} Default, bordered, toolbar layouts )} /> { /* END Header 2 */} { /* START Section 2 */} { /* START Col6 1 */} Pills: Center #2.01

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Right #2.02

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Columns #2.03

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Left Badges #2.04

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Left & Right Badges #2.05

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Left Icon #2.06

Pills are also vertically stackable. Just add vertical to the Nav.

{ /* END Col6 1 */} { /* START Col6 2 */} Pills: Columns Right Icon #2.07

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Left & Right Icons #2.08

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Right Pills #2.09

Pills are also vertically stackable. Just add vertical to the Nav.

Pills: Columns Right Badges #2.10

Pills are also vertically stackable. Just add vertical to the Nav.

{ /* END Col6 2 */} { /* END Section 2 */} { /* START Header 3 */} Default, bordered, toolbar layouts )} /> { /* END Header 3 */} { /* START Section 3 */} Pills: Left Icons #3.01

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Right Icons #3.02

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Only Icons #3.03

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Left Icon #3.04

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Right Icon #3.05

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Only Icon #3.06

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Right Pills #3.07

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Left Pills #3.08

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Left Pills #3.09

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Left Pills #3.10

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Left Badges #3.11

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Justify Right Badges #3.12

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

Pills: Right Badges #3.13

Basic pills example using <Nav pills> class. Also requires base <NavItem> and <NavLink> class.

{ /* END Section 3 */} { /* START Header 4 */} Default, bordered, toolbar layouts )} /> { /* END Header 4 */} { /* START Section 4 */} Tabs: Default #4.01

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Justify #4.02

Easily make tabs equal widths of their parent with .nav-justified class.

{ /* END Section 4 */} { /* START Header 5 */} Default, bordered, toolbar layouts )} /> { /* END Header 5 */} { /* START Section 4 */} Pills: Center #5.01

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Right #5.02

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Left Icons #5.03

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Right Icons #5.04

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Only Icons #5.05

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Big Icons #5.06

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Right Pills #5.07

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Only Pills #5.08

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Left Pills #5.09

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Right Badges #5.10

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Left Badges #5.11

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

Tabs: Only Badges #5.12

Basic tabs example using <Nav tabs> class. Also requires base <NavItem> and <NavLink> class.

{ /* END Section 3 */} ); export default TabsPills;