UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

83 lines (79 loc) • 2.64 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
77
78
79
80
81
82
83
--- id: Skeleton section: demos --- ## Demos ### Skeleton card ```hbs isFullscreen {{#> page page--id="skeleton-card-view"}} {{#> skip-to-content skip-to-content--attribute=(concat 'href="#main-content-' page--id '"')}} Skip to content {{/skip-to-content}} {{#> page-header}} {{!-- Brand --}} {{#> page-header-brand}} {{#> page-header-brand-toggle}} {{#> button button--modifier="pf-m-plain" button--attribute=(concat 'id="' page--id '-nav-toggle" aria-label="Global navigation" aria-expanded="true" aria-controls="' page--id '-primary-nav"')}} <i class="fas fa-bars" aria-hidden="true"></i> {{/button}} {{/page-header-brand-toggle}} {{#> page-header-brand-link page-header-brand-link--href="#"}} {{#> brand brand--attribute='src="/assets/images/PF-Masthead-Logo.svg" alt="Patternfly Logo"'}}{{/brand}} {{/page-header-brand-link}} {{/page-header-brand}} {{#> page-template-header-tools-elements}} {{/page-template-header-tools-elements}} {{/page-header}} {{!-- Nav --}} {{#> page-sidebar}} {{#> nav nav--attribute=(concat 'id="' page--id '-primary-nav" aria-label="Global"')}} {{#> nav-list}} {{#> nav-item}} {{#> nav-link nav-link--href="#" nav-link--current="true"}} System Panel {{/nav-link}} {{/nav-item}} {{#> nav-item}} {{#> nav-link nav-link--href="#"}} Policy {{/nav-link}} {{/nav-item}} {{#> nav-item}} {{#> nav-link nav-link--href="#"}} Authentication {{/nav-link}} {{/nav-item}} {{#> nav-item}} {{#> nav-link nav-link--href="#"}} Network Services {{/nav-link}} {{/nav-item}} {{#> nav-item}} {{#> nav-link nav-link--href="#"}} Server {{/nav-link}} {{/nav-item}} {{/nav-list}} {{/nav}} {{/page-sidebar}} {{#> page-main page-main--attribute=(concat 'id="main-content-' page--id '"')}} {{#> page-main-section page-main-section--modifier="pf-m-light"}} {{#> content}} <h1>Projects</h1> <p>This is a demo that showcases Patternfly Cards. </p> {{/content}} {{/page-main-section}} {{#> page-main-section}} {{#> gallery gallery--modifier="pf-m-gutter"}} {{> card-skeleton}} {{> card-skeleton}} {{> card-skeleton}} {{> card-skeleton}} {{> card-skeleton}} {{> card-skeleton}} {{> card-skeleton}} {{/gallery}} {{/page-main-section}} {{/page-main}} {{/page}} ```