package.docs.demos.Tabs.examples.Tabs.md Maven / Gradle / Ivy
Show all versions of patternfly Show documentation
---
id: 'Tabs'
section: components
---## Examples
### Open tabs
```html isFullscreen
Main title
This is a full page demo.
-
-
-
-
-
-
Pod details
- Name
-
3scale-control-fccb6ddb9-phyqv9
- Status
-
Running
- Namespace
-
- Restart policy
-
Always restart
- Labels
-
-
app=3scale-gateway
-
pod-template-has=6747686899
- Active deadline seconds
-
Not configured
- Tolerations
-
stuff
- Pod IP
-
10.345.2.197
- Annotations
-
stuff
- Node
-
N
ip-10-0-233-118.us-east-2.computer.external
- Created at
-
YAML panel
Environment panel
Logs panel
Events panel
Terminal panel
```
### Open tabs with secondary tabs
```html isFullscreen
Main title
This is a full page demo.
-
-
-
-
-
-
-
-
- Name
-
3scale-control-fccb6ddb9-phyqv9
- Status
-
Running
- Namespace
-
- Restart policy
-
Always restart
- Pod IP
-
10.345.2.197
- Active deadline seconds
-
Not configured
- Created at
-
- Node
-
N
ip-10-0-233-118.us-east-2.computer.external
Editable aspects panel
YAML panel
Environment panel
Logs panel
Events panel
Terminal panel
```
### Nested tabs
```html isFullscreen
Main title
This is a full page demo.
-
-
Status
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in odio porttitor, feugiat risus in, feugiat arcu. Nullam euismod enim eget fringilla condimentum. Maecenas tincidunt et metus id aliquet. Integer et fermentum purus. Nulla tempor velit arcu, vitae semper purus iaculis at. Sed malesuada auctor luctus. Pellentesque et leo urna. Aliquam vitae felis congue lacus mattis fringilla. Nullam et ultricies erat, sed dignissim elit. Cras mattis pulvinar aliquam. In ac est nulla. Pellentesque fermentum nibh ac sapien porta, ut congue orci aliquam. Sed nisl est, tempor eu pharetra eget, ullamcorper ut augue. Vestibulum eleifend libero eu nulla cursus lacinia.
Control plane content
Operators content
Virtualization content
Title of card
Title of card
Cluster 2 content
```
### Tables and tabs
```html isFullscreen
```
### Modal tabs
```html isFullscreen
PatternFly
-
-
PatternFly is a community project that promotes design commonality and improves user experience.
Main title
This is a full page demo.
PatternFly
PatternFly is a community project that promotes design commonality and improves user experience.
ActiveMQ
The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.
Apache Spark
This documentation page covers the Apache Spark component for the Apache Camel.
```
### Nested, unindented tabs
```html isFullscreen
Main title
This is a full page demo.
-
-
-
-
What's new content
Get started with Red Hat Enterprise Linux
-
-
To perform a standard x86_64 installation using the GUI, you'll need to:
Check system requirements
Your physical or virtual machine should meet the
system requirement.
Download an installation ISO image
Download the binary DVD ISO.
Create a bootable installation media
Create a bootable installation media, for example a USB flash drive.
Additional architectural content
Knowledge content
Support content
```