0.1.7 • Published 4 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
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.3
5 years ago
0.0.20
5 years ago
0.0.21
5 years ago
0.0.22
5 years ago
0.0.23
5 years ago
0.0.24
5 years ago
0.0.25
5 years ago
0.0.37
5 years ago
0.0.15
5 years ago
0.0.38
5 years ago
0.0.16
5 years ago
0.0.39
5 years ago
0.0.17
5 years ago
0.0.18
5 years ago
0.0.19
5 years ago
0.0.30
5 years ago
0.0.31
5 years ago
0.0.32
5 years ago
0.0.33
5 years ago
0.0.34
5 years ago
0.0.35
5 years ago
0.0.36
5 years ago
0.1.0
5 years ago
0.0.26
5 years ago
0.0.27
5 years ago
0.0.28
5 years ago
0.0.29
5 years ago
0.0.14
5 years ago
0.0.13
5 years ago
0.0.12
5 years ago
0.0.11
5 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago