@patternfly/react-docs 7.6.0-prerelease.8 → 7.6.0-prerelease.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/LICENSE +21 -0
- package/package.json +12 -11
- package/patternfly-docs/generated/components/about-modal/react.js +0 -149
- package/patternfly-docs/generated/components/accordion/react.js +0 -262
- package/patternfly-docs/generated/components/action-list/react.js +0 -144
- package/patternfly-docs/generated/components/alert/react-demos.js +0 -56
- package/patternfly-docs/generated/components/alert/react.js +0 -1433
- package/patternfly-docs/generated/components/avatar/react.js +0 -166
- package/patternfly-docs/generated/components/back-to-top/react-demos.js +0 -60
- package/patternfly-docs/generated/components/back-to-top/react.js +0 -77
- package/patternfly-docs/generated/components/backdrop/react.js +0 -64
- package/patternfly-docs/generated/components/background-image/react.js +0 -62
- package/patternfly-docs/generated/components/badge/react.js +0 -97
- package/patternfly-docs/generated/components/banner/react-demos.js +0 -57
- package/patternfly-docs/generated/components/banner/react.js +0 -148
- package/patternfly-docs/generated/components/brand/react.js +0 -142
- package/patternfly-docs/generated/components/breadcrumb/react.js +0 -206
- package/patternfly-docs/generated/components/button/react-demos.js +0 -57
- package/patternfly-docs/generated/components/button/react.js +0 -826
- package/patternfly-docs/generated/components/card/react-demos.js +0 -201
- package/patternfly-docs/generated/components/card/react.js +0 -1015
- package/patternfly-docs/generated/components/charts/area-chart/-Victory.js +0 -1350
- package/patternfly-docs/generated/components/charts/bar-chart/-Victory.js +0 -1334
- package/patternfly-docs/generated/components/charts/box-plot-chart/-Victory.js +0 -1282
- package/patternfly-docs/generated/components/charts/bullet-chart/-Victory.js +0 -848
- package/patternfly-docs/generated/components/charts/colors-for-charts/-Victory.js +0 -192
- package/patternfly-docs/generated/components/charts/donut-chart/-Victory.js +0 -426
- package/patternfly-docs/generated/components/charts/donut-utilization-chart/-Victory.js +0 -804
- package/patternfly-docs/generated/components/charts/legends/-Victory.js +0 -3230
- package/patternfly-docs/generated/components/charts/line-chart/-Victory.js +0 -1178
- package/patternfly-docs/generated/components/charts/line-chart/ECharts.js +0 -525
- package/patternfly-docs/generated/components/charts/patterns/-Victory.js +0 -3382
- package/patternfly-docs/generated/components/charts/pie-chart/-Victory.js +0 -377
- package/patternfly-docs/generated/components/charts/resize-observer/-Victory.js +0 -2475
- package/patternfly-docs/generated/components/charts/sankey-chart/ECharts.js +0 -538
- package/patternfly-docs/generated/components/charts/scatter-chart/-Victory.js +0 -1551
- package/patternfly-docs/generated/components/charts/skeletons/-Victory.js +0 -4115
- package/patternfly-docs/generated/components/charts/sparkline-chart/-Victory.js +0 -955
- package/patternfly-docs/generated/components/charts/stack-chart/-Victory.js +0 -1173
- package/patternfly-docs/generated/components/charts/threshold-chart/-Victory.js +0 -1166
- package/patternfly-docs/generated/components/charts/tooltips/-Victory.js +0 -413
- package/patternfly-docs/generated/components/chip/react-deprecated.js +0 -323
- package/patternfly-docs/generated/components/clipboard-copy/react.js +0 -373
- package/patternfly-docs/generated/components/code-block/react.js +0 -148
- package/patternfly-docs/generated/components/code-editor/react.js +0 -659
- package/patternfly-docs/generated/components/compass/react-demos.js +0 -147
- package/patternfly-docs/generated/components/compass/react.js +0 -440
- package/patternfly-docs/generated/components/content/react.js +0 -248
- package/patternfly-docs/generated/components/data-list/react-demos.js +0 -90
- package/patternfly-docs/generated/components/data-list/react.js +0 -709
- package/patternfly-docs/generated/components/date-and-time/calendar-month/react.js +0 -283
- package/patternfly-docs/generated/components/date-and-time/date-and-time-picker/react-demos.js +0 -64
- package/patternfly-docs/generated/components/date-and-time/date-picker/react-demos.js +0 -83
- package/patternfly-docs/generated/components/date-and-time/date-picker/react.js +0 -395
- package/patternfly-docs/generated/components/date-and-time/time-picker/react.js +0 -241
- package/patternfly-docs/generated/components/description-list/react-demos.js +0 -58
- package/patternfly-docs/generated/components/description-list/react.js +0 -743
- package/patternfly-docs/generated/components/divider/react.js +0 -126
- package/patternfly-docs/generated/components/drag-and-drop/react-demos.js +0 -351
- package/patternfly-docs/generated/components/drag-and-drop/react-deprecated.js +0 -184
- package/patternfly-docs/generated/components/drag-and-drop/react.js +0 -137
- package/patternfly-docs/generated/components/drawer/react.js +0 -598
- package/patternfly-docs/generated/components/dual-list-selector/react-deprecated.js +0 -772
- package/patternfly-docs/generated/components/dual-list-selector/react.js +0 -594
- package/patternfly-docs/generated/components/empty-state/react.js +0 -199
- package/patternfly-docs/generated/components/expandable-section/react-demos.js +0 -65
- package/patternfly-docs/generated/components/expandable-section/react.js +0 -408
- package/patternfly-docs/generated/components/file-upload/multiple-file-upload/react-demos.js +0 -52
- package/patternfly-docs/generated/components/file-upload/multiple-file-upload/react.js +0 -398
- package/patternfly-docs/generated/components/file-upload/simple-file-upload/react.js +0 -749
- package/patternfly-docs/generated/components/forms/checkbox/react.js +0 -222
- package/patternfly-docs/generated/components/forms/form/react.js +0 -1106
- package/patternfly-docs/generated/components/forms/form-select/react.js +0 -208
- package/patternfly-docs/generated/components/forms/radio/react.js +0 -212
- package/patternfly-docs/generated/components/forms/text-area/react.js +0 -160
- package/patternfly-docs/generated/components/forms/text-input/react.js +0 -216
- package/patternfly-docs/generated/components/helper-text/react-demos.js +0 -180
- package/patternfly-docs/generated/components/helper-text/react.js +0 -164
- package/patternfly-docs/generated/components/hero/react.js +0 -88
- package/patternfly-docs/generated/components/hint/react.js +0 -169
- package/patternfly-docs/generated/components/icon/react.js +0 -215
- package/patternfly-docs/generated/components/input-group/react.js +0 -182
- package/patternfly-docs/generated/components/jump-links/react-demos.js +0 -154
- package/patternfly-docs/generated/components/jump-links/react.js +0 -212
- package/patternfly-docs/generated/components/label/react-demos.js +0 -57
- package/patternfly-docs/generated/components/label/react.js +0 -417
- package/patternfly-docs/generated/components/list/react.js +0 -175
- package/patternfly-docs/generated/components/login-page/react.js +0 -587
- package/patternfly-docs/generated/components/masthead/react-demos.js +0 -79
- package/patternfly-docs/generated/components/masthead/react.js +0 -291
- package/patternfly-docs/generated/components/menus/application-launcher/react-demos.js +0 -769
- package/patternfly-docs/generated/components/menus/context-selector/react-demos.js +0 -665
- package/patternfly-docs/generated/components/menus/custom-menus/react-demos.js +0 -187
- package/patternfly-docs/generated/components/menus/dropdown/react-templates.js +0 -163
- package/patternfly-docs/generated/components/menus/dropdown/react.js +0 -998
- package/patternfly-docs/generated/components/menus/menu/react.js +0 -1540
- package/patternfly-docs/generated/components/menus/menu-toggle/react.js +0 -747
- package/patternfly-docs/generated/components/menus/options-menu/react-demos.js +0 -508
- package/patternfly-docs/generated/components/menus/select/react-templates.js +0 -257
- package/patternfly-docs/generated/components/menus/select/react.js +0 -998
- package/patternfly-docs/generated/components/modal/react-deprecated.js +0 -554
- package/patternfly-docs/generated/components/modal/react.js +0 -597
- package/patternfly-docs/generated/components/navigation/react-demos.js +0 -356
- package/patternfly-docs/generated/components/navigation/react.js +0 -409
- package/patternfly-docs/generated/components/notification-badge/react.js +0 -196
- package/patternfly-docs/generated/components/notification-drawer/react-demos.js +0 -107
- package/patternfly-docs/generated/components/notification-drawer/react.js +0 -394
- package/patternfly-docs/generated/components/number-input/react.js +0 -210
- package/patternfly-docs/generated/components/overflow-menu/react.js +0 -274
- package/patternfly-docs/generated/components/page/react-demos.js +0 -149
- package/patternfly-docs/generated/components/page/react.js +0 -1352
- package/patternfly-docs/generated/components/pagination/react.js +0 -492
- package/patternfly-docs/generated/components/panel/react.js +0 -236
- package/patternfly-docs/generated/components/popover/react.js +0 -390
- package/patternfly-docs/generated/components/progress/react-demos.js +0 -59
- package/patternfly-docs/generated/components/progress/react.js +0 -283
- package/patternfly-docs/generated/components/progress-stepper/react-demos.js +0 -45
- package/patternfly-docs/generated/components/progress-stepper/react.js +0 -219
- package/patternfly-docs/generated/components/search-input/react-demos.js +0 -113
- package/patternfly-docs/generated/components/search-input/react.js +0 -263
- package/patternfly-docs/generated/components/sidebar/react.js +0 -236
- package/patternfly-docs/generated/components/simple-list/react.js +0 -200
- package/patternfly-docs/generated/components/skeleton/react-demos.js +0 -44
- package/patternfly-docs/generated/components/skeleton/react.js +0 -122
- package/patternfly-docs/generated/components/skip-to-content/react.js +0 -73
- package/patternfly-docs/generated/components/slider/react.js +0 -309
- package/patternfly-docs/generated/components/spinner/react.js +0 -111
- package/patternfly-docs/generated/components/switch/react.js +0 -163
- package/patternfly-docs/generated/components/table/react-demos.js +0 -355
- package/patternfly-docs/generated/components/table/react-deprecated.js +0 -1350
- package/patternfly-docs/generated/components/table/react.js +0 -3241
- package/patternfly-docs/generated/components/tabs/react-demos.js +0 -108
- package/patternfly-docs/generated/components/tabs/react.js +0 -1359
- package/patternfly-docs/generated/components/text-input-group/react-demos.js +0 -152
- package/patternfly-docs/generated/components/text-input-group/react.js +0 -278
- package/patternfly-docs/generated/components/tile/react-deprecated.js +0 -242
- package/patternfly-docs/generated/components/timestamp/react.js +0 -283
- package/patternfly-docs/generated/components/title/react.js +0 -94
- package/patternfly-docs/generated/components/toggle-group/react.js +0 -299
- package/patternfly-docs/generated/components/toolbar/react-demos.js +0 -66
- package/patternfly-docs/generated/components/toolbar/react.js +0 -932
- package/patternfly-docs/generated/components/tooltip/react.js +0 -241
- package/patternfly-docs/generated/components/tree-view/react.js +0 -429
- package/patternfly-docs/generated/components/truncate/react.js +0 -211
- package/patternfly-docs/generated/components/wizard/react-demos.js +0 -87
- package/patternfly-docs/generated/components/wizard/react-deprecated.js +0 -788
- package/patternfly-docs/generated/components/wizard/react.js +0 -986
- package/patternfly-docs/generated/developer-guides/open-ui-automation/react.js +0 -285
- package/patternfly-docs/generated/foundations-and-styles/layouts/bullseye/react.js +0 -70
- package/patternfly-docs/generated/foundations-and-styles/layouts/flex/react.js +0 -506
- package/patternfly-docs/generated/foundations-and-styles/layouts/gallery/react.js +0 -94
- package/patternfly-docs/generated/foundations-and-styles/layouts/grid/react.js +0 -272
- package/patternfly-docs/generated/foundations-and-styles/layouts/level/react.js +0 -87
- package/patternfly-docs/generated/foundations-and-styles/layouts/split/react.js +0 -124
- package/patternfly-docs/generated/foundations-and-styles/layouts/stack/react.js +0 -112
- package/patternfly-docs/generated/index.js +0 -1769
- package/patternfly-docs/generated/patterns/card-view/react-demos.js +0 -78
- package/patternfly-docs/generated/patterns/filters/react-demos.js +0 -141
- package/patternfly-docs/generated/patterns/password-generator/react-demos.js +0 -51
- package/patternfly-docs/generated/patterns/password-strength/react-demos.js +0 -61
- package/patternfly-docs/generated/patterns/primary-detail/react-demos.js +0 -124
- package/patternfly-docs/generated/patterns/right-to-left/react-demos.js +0 -81
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
|
|
3
|
-
import RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';
|
|
4
|
-
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
|
|
5
|
-
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';
|
|
6
|
-
const pageData = {
|
|
7
|
-
"id": "List",
|
|
8
|
-
"section": "components",
|
|
9
|
-
"subsection": "",
|
|
10
|
-
"deprecated": false,
|
|
11
|
-
"template": false,
|
|
12
|
-
"beta": false,
|
|
13
|
-
"demo": false,
|
|
14
|
-
"newImplementationLink": false,
|
|
15
|
-
"source": "react",
|
|
16
|
-
"tabName": null,
|
|
17
|
-
"slug": "/components/list/react",
|
|
18
|
-
"sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/components/List/examples/List.md",
|
|
19
|
-
"relPath": "packages/react-core/src/components/List/examples/List.md",
|
|
20
|
-
"propComponents": [
|
|
21
|
-
{
|
|
22
|
-
"name": "List",
|
|
23
|
-
"description": "",
|
|
24
|
-
"props": [
|
|
25
|
-
{
|
|
26
|
-
"name": "aria-label",
|
|
27
|
-
"type": "string",
|
|
28
|
-
"description": "Adds an accessible label to the list."
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"name": "children",
|
|
32
|
-
"type": "React.ReactNode",
|
|
33
|
-
"description": "Anything that can be rendered inside of the list",
|
|
34
|
-
"defaultValue": "null"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"name": "className",
|
|
38
|
-
"type": "string",
|
|
39
|
-
"description": "Additional classes added to the list",
|
|
40
|
-
"defaultValue": "''"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "component",
|
|
44
|
-
"type": "'ol' | 'ul'",
|
|
45
|
-
"description": "Sets the type of the list component.",
|
|
46
|
-
"defaultValue": "ListComponent.ul"
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
"name": "iconSize",
|
|
50
|
-
"type": "'default' | 'large'",
|
|
51
|
-
"description": "Modifies the size of the icons in the list",
|
|
52
|
-
"defaultValue": "'default'"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"name": "isBordered",
|
|
56
|
-
"type": "boolean",
|
|
57
|
-
"description": "Modifies the list to add borders between items",
|
|
58
|
-
"defaultValue": "false"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "isPlain",
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"description": "Modifies the list to include plain styling",
|
|
64
|
-
"defaultValue": "false"
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
"name": "ref",
|
|
68
|
-
"type": "No type info",
|
|
69
|
-
"defaultValue": "null"
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
"name": "type",
|
|
73
|
-
"type": "OrderType",
|
|
74
|
-
"description": "Sets the way items are numbered if component is set to \"ol\".",
|
|
75
|
-
"defaultValue": "OrderType.number"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"name": "variant",
|
|
79
|
-
"type": "ListVariant.inline",
|
|
80
|
-
"description": "Adds list variant styles",
|
|
81
|
-
"defaultValue": "null"
|
|
82
|
-
}
|
|
83
|
-
]
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"name": "ListItem",
|
|
87
|
-
"description": "",
|
|
88
|
-
"props": [
|
|
89
|
-
{
|
|
90
|
-
"name": "children",
|
|
91
|
-
"type": "React.ReactNode",
|
|
92
|
-
"description": "Anything that can be rendered inside of list item",
|
|
93
|
-
"defaultValue": "null"
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"name": "className",
|
|
97
|
-
"type": "string",
|
|
98
|
-
"description": "Additional classes added to the list item"
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
"name": "icon",
|
|
102
|
-
"type": "React.ReactNode | null",
|
|
103
|
-
"description": "Icon for the list item",
|
|
104
|
-
"defaultValue": "null"
|
|
105
|
-
}
|
|
106
|
-
]
|
|
107
|
-
}
|
|
108
|
-
],
|
|
109
|
-
"cssPrefix": [
|
|
110
|
-
"pf-v6-c-list"
|
|
111
|
-
],
|
|
112
|
-
"examples": [
|
|
113
|
-
"Basic",
|
|
114
|
-
"Inline",
|
|
115
|
-
"Ordered",
|
|
116
|
-
"Plain",
|
|
117
|
-
"With horizontal rules",
|
|
118
|
-
"With icons",
|
|
119
|
-
"With large icons"
|
|
120
|
-
]
|
|
121
|
-
};
|
|
122
|
-
pageData.liveContext = {
|
|
123
|
-
RhUiLearnFillIcon,
|
|
124
|
-
KeyIcon,
|
|
125
|
-
DesktopIcon
|
|
126
|
-
};
|
|
127
|
-
pageData.examples = {
|
|
128
|
-
'Basic': props =>
|
|
129
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem } from '@patternfly/react-core';\n\nexport const ListBasic: React.FunctionComponent = () => (\n <List>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </List>\n);\n","title":"Basic","lang":"ts","className":""}}>
|
|
130
|
-
|
|
131
|
-
</Example>,
|
|
132
|
-
'Inline': props =>
|
|
133
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem, ListVariant } from '@patternfly/react-core';\n\nexport const ListInline: React.FunctionComponent = () => (\n <List variant={ListVariant.inline}>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </List>\n);\n","title":"Inline","lang":"ts","className":""}}>
|
|
134
|
-
|
|
135
|
-
</Example>,
|
|
136
|
-
'Ordered': props =>
|
|
137
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem, ListComponent, OrderType } from '@patternfly/react-core';\n\nexport const ListOrdered: React.FunctionComponent = () => (\n <List component={ListComponent.ol} type={OrderType.number}>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </List>\n);\n","title":"Ordered","lang":"ts","className":""}}>
|
|
138
|
-
|
|
139
|
-
</Example>,
|
|
140
|
-
'Plain': props =>
|
|
141
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem } from '@patternfly/react-core';\n\nexport const ListPlain: React.FunctionComponent = () => (\n <List isPlain>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </List>\n);\n","title":"Plain","lang":"ts","className":""}}>
|
|
142
|
-
|
|
143
|
-
</Example>,
|
|
144
|
-
'With horizontal rules': props =>
|
|
145
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem } from '@patternfly/react-core';\n\nexport const ListHorizontalRules: React.FunctionComponent = () => (\n <List isPlain isBordered>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </List>\n);\n","title":"With horizontal rules","lang":"ts","className":""}}>
|
|
146
|
-
|
|
147
|
-
</Example>,
|
|
148
|
-
'With icons': props =>
|
|
149
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem } from '@patternfly/react-core';\nimport RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';\nimport KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';\nimport DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';\n\nexport const ListIcons: React.FunctionComponent = () => (\n <List isPlain>\n <ListItem icon={<RhUiLearnFillIcon />}>First</ListItem>\n <ListItem icon={<KeyIcon />}>Second</ListItem>\n <ListItem icon={<DesktopIcon />}>Third</ListItem>\n </List>\n);\n","title":"With icons","lang":"ts","className":""}}>
|
|
150
|
-
|
|
151
|
-
</Example>,
|
|
152
|
-
'With large icons': props =>
|
|
153
|
-
<Example {...pageData} {...props} {...{"code":"import { List, ListItem } from '@patternfly/react-core';\nimport RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';\nimport KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';\nimport DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';\n\nexport const ListLargeIcons: React.FunctionComponent = () => (\n <List isPlain iconSize=\"large\">\n <ListItem icon={<RhUiLearnFillIcon />}>First</ListItem>\n <ListItem icon={<KeyIcon />}>Second</ListItem>\n <ListItem icon={<DesktopIcon />}>Third</ListItem>\n </List>\n);\n","title":"With large icons","lang":"ts","className":""}}>
|
|
154
|
-
|
|
155
|
-
</Example>
|
|
156
|
-
};
|
|
157
|
-
|
|
158
|
-
const Component = () => (
|
|
159
|
-
<React.Fragment>
|
|
160
|
-
<AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
|
|
161
|
-
{`Examples`}
|
|
162
|
-
</AutoLinkHeader>
|
|
163
|
-
{React.createElement(pageData.examples["Basic"])}
|
|
164
|
-
{React.createElement(pageData.examples["Inline"])}
|
|
165
|
-
{React.createElement(pageData.examples["Ordered"])}
|
|
166
|
-
{React.createElement(pageData.examples["Plain"])}
|
|
167
|
-
{React.createElement(pageData.examples["With horizontal rules"])}
|
|
168
|
-
{React.createElement(pageData.examples["With icons"])}
|
|
169
|
-
{React.createElement(pageData.examples["With large icons"])}
|
|
170
|
-
</React.Fragment>
|
|
171
|
-
);
|
|
172
|
-
Component.displayName = 'ComponentsListReactDocs';
|
|
173
|
-
Component.pageData = pageData;
|
|
174
|
-
|
|
175
|
-
export default Component;
|