You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/react-renderer-demo/src/doc-components/examples-texts/pf4/dual-list-select.md
+37Lines changed: 37 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,6 +7,7 @@ Dual list select is wrapped in a form group, so it accepts all [form group props
7
7
|Props|Type|Default|Description|
8
8
|-----|----|-------|-----------|
9
9
|options|array|[]|`[{label, value}]`|
10
+
|label|node|FormLabel primary text|
10
11
|leftTitle|String|'Options'|Title for options|
11
12
|rightTitle|String|'Selected'|Title for selected items|
12
13
|moveLeftTitle|String|'Move selected to left'|Tooltip for move to left button|
@@ -22,3 +23,39 @@ Dual list select is wrapped in a form group, so it accepts all [form group props
22
23
|filterValueText|String|'Remove your filter to see all selected'|Placeholder for value when there is no filtered value|
23
24
|filterOptionsText|String|'Remove your filter to see all options'|Placeholder for options when there is no filtered option|
24
25
|renderStatus|function|'null'|A function that renders status text below the toolbar filter. For example, display how many items were selected: `({selected, options}) => "selected " + selected + " out of " + options`|
26
+
27
+
### Customization
28
+
29
+
MUI DualListSelect provides fully customization. When the props offers Right/Left variant, you can pass props to `RightXXX` or to `LeftXXX` props. Example: `ListGridProps` is Right/Left, so there are two more props: `RightListGridProps` and `LeftListGridProps`. These props overrides the standard props, except `className`, that are being combined. All these props are objects.
0 commit comments