File tree Expand file tree Collapse file tree 15 files changed +23
-36
lines changed
packages/react-core/src/demos Expand file tree Collapse file tree 15 files changed +23
-36
lines changed Original file line number Diff line number Diff line change @@ -37,7 +37,7 @@ export const DashboardBreadcrumb = (
37
37
) ;
38
38
39
39
const PageTemplateTitle = (
40
- < PageSection variant = "light" >
40
+ < PageSection >
41
41
< TextContent >
42
42
< Text component = "h1" > Main title</ Text >
43
43
< Text component = "p" > This is a full page demo.</ Text >
Original file line number Diff line number Diff line change 9
9
NavList ,
10
10
Page ,
11
11
PageSection ,
12
- PageSectionVariants ,
13
12
PageSidebar ,
14
13
PageSidebarBody ,
15
14
SkipToContent ,
@@ -72,7 +71,7 @@ export const NavDefault: React.FunctionComponent = () => {
72
71
breadcrumb = { DashboardBreadcrumb }
73
72
mainContainerId = { pageId }
74
73
>
75
- < PageSection variant = { PageSectionVariants . light } >
74
+ < PageSection >
76
75
< TextContent >
77
76
< Text component = "h1" > Main title</ Text >
78
77
< Text component = "p" >
Original file line number Diff line number Diff line change @@ -10,7 +10,6 @@ import {
10
10
NavList ,
11
11
Page ,
12
12
PageSection ,
13
- PageSectionVariants ,
14
13
PageSidebar ,
15
14
PageSidebarBody ,
16
15
SkipToContent ,
@@ -98,7 +97,7 @@ export const NavExpandableDemo: React.FunctionComponent = () => {
98
97
breadcrumb = { DashboardBreadcrumb }
99
98
mainContainerId = { pageId }
100
99
>
101
- < PageSection variant = { PageSectionVariants . light } >
100
+ < PageSection >
102
101
< TextContent >
103
102
< Text component = "h1" > Main title</ Text >
104
103
< Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
24
24
NavList ,
25
25
Page ,
26
26
PageSection ,
27
- PageSectionVariants ,
28
27
PageSidebar ,
29
28
PageSidebarBody ,
30
29
PageToggleButton ,
@@ -270,9 +269,9 @@ export const NavFlyout: React.FunctionComponent = () => {
270
269
skipToContent = { PageSkipToContent }
271
270
mainContainerId = { pageId }
272
271
>
273
- < PageSection variant = { PageSectionVariants . darker } > Section with darker background </ PageSection >
274
- < PageSection variant = { PageSectionVariants . dark } > Section with dark background </ PageSection >
275
- < PageSection variant = { PageSectionVariants . light } > Section with light background </ PageSection >
272
+ < PageSection > Section 1 </ PageSection >
273
+ < PageSection > Section 2 </ PageSection >
274
+ < PageSection > Section 3 </ PageSection >
276
275
</ Page >
277
276
) ;
278
277
} ;
Original file line number Diff line number Diff line change 5
5
NavItem ,
6
6
Page ,
7
7
PageSection ,
8
- PageSectionVariants ,
9
8
PageSidebar ,
10
9
PageSidebarBody ,
11
10
SkipToContent ,
@@ -80,7 +79,7 @@ export const NavGrouped: React.FunctionComponent = () => {
80
79
skipToContent = { PageSkipToContent }
81
80
mainContainerId = { pageId }
82
81
>
83
- < PageSection variant = { PageSectionVariants . light } >
82
+ < PageSection >
84
83
< TextContent >
85
84
< Text component = "h1" > Main title</ Text >
86
85
< Text component = "p" >
@@ -89,9 +88,9 @@ export const NavGrouped: React.FunctionComponent = () => {
89
88
</ Text >
90
89
</ TextContent >
91
90
</ PageSection >
92
- < PageSection variant = { PageSectionVariants . light } > Light </ PageSection >
93
- < PageSection variant = { PageSectionVariants . dark } > Dark </ PageSection >
94
- < PageSection variant = { PageSectionVariants . darker } > Darker </ PageSection >
91
+ < PageSection > Section 1 </ PageSection >
92
+ < PageSection > Section 2 </ PageSection >
93
+ < PageSection > Section 3 </ PageSection >
95
94
< PageSection > Content</ PageSection >
96
95
</ Page >
97
96
</ >
Original file line number Diff line number Diff line change @@ -23,7 +23,6 @@ import {
23
23
NavList ,
24
24
Page ,
25
25
PageSection ,
26
- PageSectionVariants ,
27
26
SkipToContent ,
28
27
TextContent ,
29
28
Text ,
@@ -211,7 +210,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
211
210
return (
212
211
< React . Fragment >
213
212
< Page header = { Header } skipToContent = { PageSkipToContent } breadcrumb = { DashboardBreadcrumb } mainContainerId = { pageId } >
214
- < PageSection variant = { PageSectionVariants . light } >
213
+ < PageSection >
215
214
< TextContent >
216
215
< Text component = "h1" > Main title</ Text >
217
216
< Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
24
24
NavList ,
25
25
Page ,
26
26
PageSection ,
27
- PageSectionVariants ,
28
27
PageSectionTypes ,
29
28
PageToggleButton ,
30
29
SkipToContent ,
@@ -271,7 +270,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
271
270
< PageSection type = { PageSectionTypes . breadcrumb } isWidthLimited >
272
271
{ DashboardBreadcrumb }
273
272
</ PageSection >
274
- < PageSection variant = { PageSectionVariants . light } >
273
+ < PageSection >
275
274
< TextContent >
276
275
< Text component = "h1" > Main title</ Text >
277
276
< Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
24
24
NavList ,
25
25
Page ,
26
26
PageSection ,
27
- PageSectionVariants ,
28
27
PageSidebar ,
29
28
PageSidebarBody ,
30
29
PageToggleButton ,
@@ -247,7 +246,7 @@ export const NavManual: React.FunctionComponent = () => {
247
246
skipToContent = { PageSkipToContent }
248
247
mainContainerId = { pageId }
249
248
>
250
- < PageSection variant = { PageSectionVariants . light } >
249
+ < PageSection >
251
250
< TextContent >
252
251
< Text component = "h1" > Main title</ Text >
253
252
< Text component = "p" >
Original file line number Diff line number Diff line change @@ -10,7 +10,6 @@ import {
10
10
Page ,
11
11
PageSection ,
12
12
PageSectionTypes ,
13
- PageSectionVariants ,
14
13
PageSidebar ,
15
14
PageSidebarBody ,
16
15
SkipToContent ,
@@ -116,7 +115,7 @@ export const NavWithSubnav: React.FunctionComponent = () => {
116
115
< PageSection type = { PageSectionTypes . breadcrumb } isWidthLimited >
117
116
{ DashboardBreadcrumb }
118
117
</ PageSection >
119
- < PageSection variant = { PageSectionVariants . light } >
118
+ < PageSection >
120
119
< TextContent >
121
120
< Text component = "h1" > Main title</ Text >
122
121
< Text component = "p" >
Original file line number Diff line number Diff line change 9
9
NavList ,
10
10
Page ,
11
11
PageSection ,
12
- PageSectionVariants ,
13
12
PageSidebar ,
14
13
PageSidebarBody ,
15
14
SkipToContent ,
@@ -70,7 +69,7 @@ export const NavLight: React.FunctionComponent = () => {
70
69
skipToContent = { PageSkipToContent }
71
70
mainContainerId = { pageId }
72
71
>
73
- < PageSection variant = { PageSectionVariants . light } >
72
+ < PageSection >
74
73
< TextContent >
75
74
< Text component = "h1" > Main title</ Text >
76
75
< Text component = "p" >
You can’t perform that action at this time.
0 commit comments