0.1.7 • Published 3 years ago
materialduallist v0.1.7
NAME
MaterialDualList
ABOUT
Component view and choose from the list of dual
EXAMPLE
const list = [
{ text: "item 1", value: 1 },
{ text: "item 2", value: 2 },
{ text: "item 3", value: 3 },
{ text: "item 4", value: 4 },
{ text: "item 5", value: 5 },
{ text: "item 6", value: 6 },
{ text: "item 7", value: 7 }
];
const [selectedList, setSelectedList] = React.useState([2,3]);
return (
<DualList
searchIcon={<Visibility />}
title={"Dual list"}
selectedList={selectedList}
sourceList={list}
onChange={setSelectedList}
searchPlaceholder={"Search item"}
/>
);
PROPERTIES
DualList.propTypes = {
borderWidth: PropTypes.number,
title: PropTypes.string,
searchPlaceholder: PropTypes.string,
searchIcon: PropTypes.any,
selectedList: PropTypes.array,
sourceList: PropTypes.array,
onChange: PropTypes.func,
sourceListTitle: PropTypes.string,
selectedListTitle: PropTypes.string,
buttonSelectAllText: PropTypes.string,
buttonUnselectAllText: PropTypes.string,
};
DEFAULT VALUES
DualList.defaultProps = {
borderWidth: 1,
title: "",
searchPlaceholder: "search item",
searchIcon: "S",
selectedList: [],
sourceList: [],
onChange: () => [],
sourceListTitle: "Source list",
selectedListTitle: "Selected items",
buttonSelectAllText: "Select all",
buttonUnselectAllText: "Clear all",
};
0.1.7
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.4
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.3
3 years ago
0.0.20
3 years ago
0.0.21
3 years ago
0.0.22
3 years ago
0.0.23
3 years ago
0.0.24
3 years ago
0.0.25
3 years ago
0.0.37
3 years ago
0.0.15
3 years ago
0.0.38
3 years ago
0.0.16
3 years ago
0.0.39
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.30
3 years ago
0.0.31
3 years ago
0.0.32
3 years ago
0.0.33
3 years ago
0.0.34
3 years ago
0.0.35
3 years ago
0.0.36
3 years ago
0.1.0
3 years ago
0.0.26
3 years ago
0.0.27
3 years ago
0.0.28
3 years ago
0.0.29
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago