| 4021 | } |
| 4022 | } |
| 4023 | render() { |
| 4024 | return ( |
| 4025 | <div> |
| 4026 | <Nav tabs> |
| 4027 | <NavItem> |
| 4028 | <NavLink |
| 4029 | className="" |
| 4030 | onClick={() => { |
| 4031 | this.toggle('1'); |
| 4032 | }} |
| 4033 | > |
| 4034 | Tab1 |
| 4035 | </NavLink> |
| 4036 | </NavItem> |
| 4037 | <NavItem> |
| 4038 | <NavLink |
| 4039 | className="" |
| 4040 | onClick={() => { |
| 4041 | this.toggle('2'); |
| 4042 | }} |
| 4043 | > |
| 4044 | Moar Tabs |
| 4045 | </NavLink> |
| 4046 | </NavItem> |
| 4047 | </Nav> |
| 4048 | <TabContent activeTab={this.state.activeTab}> |
| 4049 | <TabPane tabId="1"> |
| 4050 | <Row> |
| 4051 | <Col sm="12"> |
| 4052 | <h4>Tab 1 Contents</h4> |
| 4053 | </Col> |
| 4054 | </Row> |
| 4055 | </TabPane> |
| 4056 | <TabPane tabId="2"> |
| 4057 | <Row> |
| 4058 | <Col sm="6"> |
| 4059 | <Card body> |
| 4060 | <CardTitle>Special Title Treatment</CardTitle> |
| 4061 | <CardText> |
| 4062 | With supporting text below as a natural lead-in to |
| 4063 | additional content. |
| 4064 | </CardText> |
| 4065 | <Button>Go somewhere</Button> |
| 4066 | </Card> |
| 4067 | </Col> |
| 4068 | <Col sm="6"> |
| 4069 | <Card body> |
| 4070 | <CardTitle>Special Title Treatment</CardTitle> |
| 4071 | <CardText> |
| 4072 | With supporting text below as a natural lead-in to |
| 4073 | additional content. |
| 4074 | </CardText> |
| 4075 | <Button>Go somewhere</Button> |
| 4076 | </Card> |
| 4077 | </Col> |
| 4078 | </Row> |
| 4079 | </TabPane> |
| 4080 | </TabContent> |