--- id: Primary-detail section: patterns wrapperTag: div ---## Demos ### Primary-detail expanded ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

  • patternfly-unified-design-kit

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

Node 2

siemur/test-space

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ### Primary-detail collapsed ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

  • patternfly-unified-design-kit

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago
``` ### Primary-detail content body padding ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

  • patternfly-unified-design-kit

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

Patternfly-elements

PatternFly elements

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ### Primary-detail card view expanded ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

PatternFly logo

Patternfly

Provided by Red Hat
PatternFly is a community project that promotes design commonality and improves user experience.
Logo

ActiveQ

Provided by Red Hat
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.
Logo

Apache Spark

Provided by Red Hat
This documentation page covers the Apache Spark component for the Apache Camel.
Logo

Avro

Provided by Red Hat
This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.
Logo

Azure Services

Provided by Red Hat
The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.
Logo

Crypto

Provided by Red Hat
For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.
PatternFly logo

Patternfly

Provided by Red Hat
PatternFly is a community project that promotes design commonality and improves user experience.
PatternFly logo

Patternfly

Provided by Red Hat
PatternFly is a community project that promotes design commonality and improves user experience.
PatternFly logo

Patternfly

Provided by Red Hat
PatternFly is a community project that promotes design commonality and improves user experience.
PatternFly logo

Patternfly

Provided by Red Hat
PatternFly is a community project that promotes design commonality and improves user experience.

Patternfly

PatternFly elements

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ### Primary-detail card simple list expanded on mobile ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

Section title

Section title

Patternfly-elements

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ### Primary-detail card data list expanded on mobile ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

1 - 10 of 37

Patternfly-elements

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ### Inline modifier ```html isFullscreen
Skip to content
PatternFly logo

Main title

This is a full page demo.

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

  • patternfly-unified-design-kit

  • patternfly

    Working repo for PatternFly 4 https://pf4.patternfly.org/
    10
    4
    5
    Updated 2 days ago

  • patternfly-elements

    PatternFly elements
    5
    9
    2
    11
    4
    1
    Updated 2 days ago

Node 2

siemur/test-space

The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.

Capacity
Modules
``` ## Documentation This demo implements the drawer in context of the page component.