@blaze-react/multiselect v0.7.0
Description
MultiSelect is a component that allows you to select multiple items with check boxes. It is useful for labeling, contact lists, country selectors, etc.
Usage
const data = {
identification: "id",
keyValue: "name",
filterBy: ["name", "description"],
data: [
{
show: true,
checked: true,
id: 1,
name: "Blaze",
description: "Lorem ipsum dolor."
},
{
show: true,
checked: false,
id: 2,
name: "KP",
description: "Aliquam tincidunt."
},
{
show: true,
checked: true,
id: 3,
name: "Pulser",
description: "Vestibulum auctor."
}
]
};
<Multiselect data={data} />;
onItemsRendered
When the select options are scrolled if the onItemsRendered prop and isDynamic is false is set then this component will call it passing in the current start and stop indexes of the option items on display e.g.
const onItemsRendered = ({ startIndex: 0, stopIndex: 20 }) => ...;
API
Multiselect can receive a number of props
as follow:
NAME | TYPE | DEFAULT |
---|---|---|
data | Object | {} |
limit | Number | 0 |
placeholder | String | 'Search' |
toggleButton | String | empty |
selected | Function | () => {} |
getSelected | Function | () => {} |
onItemsRendered | Function | () => {} |
isDynamic | Boolean | true |
children | single/array of nodes | empty |
2 months ago
7 months ago
7 months ago
7 months ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago