Filterable List
#
ExampleSimple filterable list. It can be checked.
- First test
- Second test
- Third test
#
Blank filterable listWhen items have no list it shows emptyState.
There aren’t any data at the moment.
#
LoadingShow loading spinner instead of the list by loading
prop.
#
Custom styleAdd custom style to list item by style
prop.
- First test
- Second test
- Third test
#
AvatarAdd avatar by avatar
prop to items array.
First test
Second test
Third test
#
Additional iconAdd additional icon to list item by additionalIconClass
prop.
First test
Second test
Third test
#
LinksAdd links below the list by links
prop.
#
Show CheckmarkHide checkmark by showCheckmark
prop.
- First test
- Second test
- Third test
#
Tree viewShow tree view list by treeView
prop. Items should have _id
and parentId
.
- Parent 1
- Parent 2
#
APIName | Type | Defualt | Description | |
---|---|---|---|---|
items | _id | string | Define id of item array | |
title | string | Define list item name | ||
avatar | string | Show image before item title | ||
additionalIconClass | string | Show additional icon on the right side of item title | ||
style | object | Add style to item title | ||
parentId | string | Define parent by id | ||
iconClass | string | Show icon before item title to hide or show children item | ||
links | any[] | Define links below list | ||
showCheckmark | boolean | true | Show checkmart when item list is clicked | |
selectable | boolean | 30px | Takes spacing on the right | |
loading | boolean | Activates loading spinner | ||
className | string | Define className | ||
treeView | boolean | Activates tree view of list | ||
isIndented | boolean | Take space between arrow and title | ||
onClick | function | Define click handler function when list item is clicked | ||
onSearch | function | Define search function |