@bodynarf/react.components 1.10.0 → 1.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/readme.md +5 -3
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -43,9 +43,10 @@ Simple react components based on html elements.
|
|
|
43
43
|
### Complex components
|
|
44
44
|
Complex components is set of components built via combining simple components or represent complex logical component
|
|
45
45
|
- **Accordion** - Collapsible container that can hide some content inside
|
|
46
|
-
- **Dropdown** -
|
|
46
|
+
- **Dropdown** - Custom dropdown component, based on html div elements & css (requires icon, see icon component description)
|
|
47
|
+
- **Multiselect** - Dropdown with option to select several records
|
|
47
48
|
- **Paginator** - Pagination elements to navigate through paged list
|
|
48
|
-
|
|
49
|
+
|
|
49
50
|
Example:
|
|
50
51
|
```tsx
|
|
51
52
|
const [{ currentPage, pagesCount, onPageChange }, paginate] = usePagination(items.length, ITEMS_PER_PAGE);
|
|
@@ -61,8 +62,9 @@ Complex components is set of components built via combining simple components or
|
|
|
61
62
|
```
|
|
62
63
|
- **Search** - Search bar with optional button to perform search
|
|
63
64
|
- **Tabs** - Container for multi-content with option of switching displaying content without refreshing\scrolling page
|
|
64
|
-
|
|
65
|
+
|
|
65
66
|
### Hooks
|
|
66
67
|
|
|
67
68
|
- **useComponentOutsideClick** - Attach watcher for mouse clicks and emit event when click was outside of component
|
|
68
69
|
- **usePagination** - Create a pagination config to easily manipulate with Paginator component
|
|
70
|
+
- **useUnmount** - Handle component unmounting event. Useful as component cleanup fn
|