meticulous-ui 1.0.11 → 1.0.13
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/README.md +5 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -23,6 +23,7 @@ import { useState } from 'react';
|
|
|
23
23
|
|
|
24
24
|
import Pagination from 'meticulous-ui/components/Pagination';
|
|
25
25
|
import ChevronLeft from 'meticulous-ui/components/Icons/ChevronLeft';
|
|
26
|
+
import Ripple from 'meticulous-ui/components/Ripple';
|
|
26
27
|
import blue from 'meticulous-ui/colors/blue';
|
|
27
28
|
import capFirstLetter from 'meticulous-ui/utils/capFirstLetter';
|
|
28
29
|
|
|
@@ -32,7 +33,9 @@ function App() {
|
|
|
32
33
|
return (
|
|
33
34
|
<div>
|
|
34
35
|
<h2>{capFirstLetter('example with pagination')}</h2> // returns: Example with pagination
|
|
35
|
-
<
|
|
36
|
+
<Ripple rippleColor={blue.m50}>
|
|
37
|
+
<ChevronLeft size={10} color={blue.m400} onClick={setPrevPage} />
|
|
38
|
+
</Ripple>
|
|
36
39
|
<Pagination totalPages={10} pageNumber={pageNumber} setPageNumber={setPageNumber} />
|
|
37
40
|
</div>
|
|
38
41
|
);
|
|
@@ -86,7 +89,7 @@ export default App;
|
|
|
86
89
|
|
|
87
90
|
| Functions | Description |
|
|
88
91
|
| ----------------- | -------------------------------------------------------------------------------------------------------------- |
|
|
89
|
-
| `capFirstLetter` | Takes a string and returns with first letter
|
|
92
|
+
| `capFirstLetter` | Takes a string and returns with first letter capitalised |
|
|
90
93
|
| `compose` | Performs right-to-left function composition using transforming function |
|
|
91
94
|
| `hasEqualProps` | Takes two args: Component’s previous props & its new props; returns true if all-non functional props are equal |
|
|
92
95
|
| `isNonEmptyArray` | Takes an array & returns true if is not empty |
|