@symply.io/basic-components 1.5.0 → 1.5.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/ClickableFabButton/types.d.ts +0 -1
- package/README.md +25 -0
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/package.json +1 -1
|
@@ -4,7 +4,6 @@ export interface ClickableFabButtonProps {
|
|
|
4
4
|
text: string;
|
|
5
5
|
fabIcon: ReactElement;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
-
size?: ButtonProps["size"];
|
|
8
7
|
color?: "error" | "primary" | "secondary" | "success" | "info" | "warning";
|
|
9
8
|
onClick: ButtonProps["onClick"];
|
|
10
9
|
primaryColor?: CSSProperties["color"];
|
package/README.md
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
- [BreadCrumbs](#breadcrumbs)
|
|
19
19
|
- [CheckBox](#checkbox)
|
|
20
20
|
- [CheckBoxGroup](#checkboxgroup)
|
|
21
|
+
- [CliickableFabButton](#clickablefabbutton)
|
|
21
22
|
- [Copyright](#copyright)
|
|
22
23
|
- [DataTable](#datatable)
|
|
23
24
|
- [DateInput](#dateinput)
|
|
@@ -275,6 +276,30 @@ import CheckBoxGroup from '@symply.io/basic-components/CheckBoxGroup';
|
|
|
275
276
|
|
|
276
277
|
|
|
277
278
|
|
|
279
|
+
<h3>ClickableFabButton</h3>
|
|
280
|
+
|
|
281
|
+
A fab button with icon and text
|
|
282
|
+
|
|
283
|
+
<h5>Import</h5>
|
|
284
|
+
|
|
285
|
+
```typescript
|
|
286
|
+
import { ClickableFabButton } from '@symply.io/basic-components/';
|
|
287
|
+
// or
|
|
288
|
+
import ClickableFabButton from '@symply.io/basic-components/ClickableFabButton';
|
|
289
|
+
```
|
|
290
|
+
|
|
291
|
+
<h5>Props</h5>
|
|
292
|
+
|
|
293
|
+
| Name | Type | Default | Required | Description |
|
|
294
|
+
| -------- | ------------------------------------------------------------ | --------- | -------- | ------------------------------------------------------------ |
|
|
295
|
+
| color | "primary" \|"secondary" \|"success" \|"error" \|"info" \|"warning" | "primary" | false | The button color. |
|
|
296
|
+
| disabled | bool | false | false | If `true`, the button would be disabled. |
|
|
297
|
+
| fabIcon | ReactElement | | true | The icon element.. |
|
|
298
|
+
| onClick | func | | true | The function for button clicking.<br />**Signature:**<br/>`function() => unknown` |
|
|
299
|
+
| text | string | | true | The button text. |
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
|
|
278
303
|
<h3>Copyright</h3>
|
|
279
304
|
|
|
280
305
|
A common component for rendering the copyright
|
package/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./BasicModal";
|
|
|
5
5
|
export * from "./BreadCrumbs";
|
|
6
6
|
export * from "./CheckBox";
|
|
7
7
|
export * from "./CheckBoxGroup";
|
|
8
|
+
export * from "./ClickableFabButton";
|
|
8
9
|
export * from "./ConfirmPasswordInput";
|
|
9
10
|
export * from "./Copyright";
|
|
10
11
|
export * from "./DataTable";
|
|
@@ -35,6 +36,7 @@ export { default as BasicModal } from "./BasicModal";
|
|
|
35
36
|
export { default as BreadCrumbs } from "./BreadCrumbs";
|
|
36
37
|
export { default as CheckBox } from "./CheckBox";
|
|
37
38
|
export { default as CheckBoxGroup } from "./CheckBoxGroup";
|
|
39
|
+
export { default as ClickableFabButton } from "./ClickableFabButton";
|
|
38
40
|
export { default as ConfirmPasswordInput } from "./ConfirmPasswordInput";
|
|
39
41
|
export { default as Copyright } from "./Copyright";
|
|
40
42
|
export { default as DataTable } from "./DataTable";
|
package/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./BasicModal";
|
|
|
5
5
|
export * from "./BreadCrumbs";
|
|
6
6
|
export * from "./CheckBox";
|
|
7
7
|
export * from "./CheckBoxGroup";
|
|
8
|
+
export * from "./ClickableFabButton";
|
|
8
9
|
export * from "./ConfirmPasswordInput";
|
|
9
10
|
export * from "./Copyright";
|
|
10
11
|
export * from "./DataTable";
|
|
@@ -35,6 +36,7 @@ export { default as BasicModal } from "./BasicModal";
|
|
|
35
36
|
export { default as BreadCrumbs } from "./BreadCrumbs";
|
|
36
37
|
export { default as CheckBox } from "./CheckBox";
|
|
37
38
|
export { default as CheckBoxGroup } from "./CheckBoxGroup";
|
|
39
|
+
export { default as ClickableFabButton } from "./ClickableFabButton";
|
|
38
40
|
export { default as ConfirmPasswordInput } from "./ConfirmPasswordInput";
|
|
39
41
|
export { default as Copyright } from "./Copyright";
|
|
40
42
|
export { default as DataTable } from "./DataTable";
|