UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

46 lines (36 loc) • 1.35 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
--- id: Drawer section: demos wrapperTag: div --- ## Demos ### Collapsed ```hbs isFullscreen {{> drawer-demo-default id="drawer-default" notification-badge--modifier="pf-m-read"}} ``` ### Expanded ```hbs isFullscreen {{> drawer-demo-default id="drawer-default-expanded" notification-badge--modifier="pf-m-read" drawer-panel--IsOpen="true"}} ``` ### Expanded bottom ```hbs isFullscreen {{> drawer-demo-default id="drawer-default-expanded" notification-badge--modifier="pf-m-read" drawer-panel--IsOpen="true" drawer-demo-content-drawer--modifier="pf-m-panel-bottom"}} ``` ### Unread ```hbs isFullscreen {{> drawer-demo-default id="drawer-unread" notification-badge--modifier="pf-m-unread"}} ``` ### Unread expanded ```hbs isFullscreen {{> drawer-demo-default id="drawer-unread-expanded" notification-badge--modifier="pf-m-unread" drawer-panel--IsOpen="true"}} ``` ### Attention ```hbs isFullscreen {{> drawer-demo-default id="drawer-attention" notification-badge--modifier="pf-m-attention" page-header-tools--IsAttention="true"}} ``` ### Attention expanded ```hbs isFullscreen {{> drawer-demo-default id="drawer-attention-expanded" notification-badge--modifier="pf-m-attention pf-m-unread" drawer-panel--IsOpen="true" page-header-tools--IsAttention="true"}} ``` ## Documentation This demo implements the drawer in context of the page component.