UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

76 lines (73 loc) • 2.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
--- id: 'Banner' section: demos beta: true cssPrefix: pf-c-banner wrapperTag: div --- ## Examples ### Basic ```hbs isFullscreen {{#> page page--id="page-layout-table-simple"}} {{#> skip-to-content skip-to-content--attribute=(concat 'href="#main-content-' page--id '"')}} Skip to content {{/skip-to-content}} {{#> page-header}} {{> __banner-page-header}} {{/page-header}} {{#> page-sidebar}} {{> __banner-page-nav}} {{/page-sidebar}} {{#> page-main page-main--attribute=(concat 'id="main-content-' page--id '"')}} {{#> banner banner--modifier="pf-m-sticky"}} {{> __banner-demo}} {{/banner}} {{#> page-main-section page-main-section--modifier="pf-m-light"}} {{> __banner-page-main-section-demo}} {{/page-main-section}} {{#> page-main-section page-main-section--modifier="pf-m-no-padding pf-m-padding-on-xl"}} {{#> card}} {{> __banner-table}} {{/card}} {{/page-main-section}} {{/page-main}} {{/page}} ``` ### Top/bottom ```hbs isFullscreen {{#> l-flex l-flex--modifier="pf-m-column pf-m-nowrap pf-m-space-items-none" l-flex--attribute='style="height: 100%;"'}} {{#> l-flex-item}} {{#> banner banner--modifier="pf-m-sticky"}} {{> __banner-demo}} {{/banner}} {{/l-flex-item}} {{#> l-flex-item l-flex-item--modifier="pf-m-grow" l-flex-item--attribute='style="min-height: 0;"'}} {{#> page page--id="page-layout-table-top-bottom"}} {{#> skip-to-content skip-to-content--attribute=(concat 'href="#main-content-' page--id '"')}} Skip to content {{/skip-to-content}} {{#> page-header}} {{> __banner-page-header}} {{/page-header}} {{#> page-sidebar}} {{> __banner-page-nav}} {{/page-sidebar}} {{#> page-main page-main--attribute=(concat 'id="main-content-' page--id '"')}} {{#> page-main-section page-main-section--modifier="pf-m-light"}} {{> __banner-page-main-section-demo}} {{/page-main-section}} {{#> page-main-section page-main-section--modifier="pf-m-no-padding pf-m-padding-on-xl"}} {{#> card}} {{> __banner-table}} {{/card}} {{/page-main-section}} {{/page-main}} {{/page}} {{/l-flex-item}} {{#> l-flex-item}} {{#> banner banner--modifier="pf-m-sticky"}} {{> __banner-demo}} {{/banner}} {{/l-flex-item}} {{/l-flex}} ```