All Downloads are FREE. Search and download functionalities are using the official Maven repository.

package.docs.demos.PrimaryDetail.examples.PrimaryDetail.md Maven / Gradle / Ivy

The newest version!
---
id: Primary-detail
section: patterns
wrapperTag: div
---## Demos

### Primary-detail expanded

```html isFullscreen

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

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

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

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

Main title

This is a full page demo.

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

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

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

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

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.




© 2015 - 2025 Weber Informatics LLC | Privacy Policy