1.8.1 • Published 10 months ago
@finastra/fab v1.8.1
Fab
Usage
The FAB (aka Floating Action Button) is a button that appears in front of all screen content.
Import
npm i @finastra/fabimport '@finastra/fab';
...
<fds-fab extended gradient label="Edit" icon="edit"></fds-fab>API
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
dense | dense | boolean | false | Make the fab smaller. |
disabled | boolean | |||
exited | boolean | |||
extended | extended | boolean | false | Make the fab extended. |
gradient | gradient | boolean | false | Apply gradient color. |
icon | icon | string | "add" | Fab icon. |
label | label | string | "Action" | Label in the extended fab. |
mini | boolean | |||
reducedTouchTarget | boolean | |||
ripple | Promise<Ripple \| null> | |||
showIconAtEnd | boolean | |||
styles | CSSResult[] | "styles" |
CSS Custom Properties
| Property | Type | Default | Description |
|---|---|---|---|
--fds-primary | color | "#694ED6" | Primary color. |
--fds-secondary | color | "#C137A2" | Secondary color. |
1.8.1
10 months ago
1.8.0
11 months ago
1.7.0
1 year ago
1.6.0
1 year ago
1.4.2
1 year ago
1.5.0
1 year ago
1.4.1
1 year ago
1.4.0
1 year ago
1.3.0
1 year ago
1.1.1
2 years ago
1.1.0
2 years ago
1.2.8
1 year ago
1.2.7
1 year ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.1.3
1 year ago
1.0.4
2 years ago
1.2.1
1 year ago
1.1.2
2 years ago
1.2.9
1 year ago
1.2.12
1 year ago
1.2.13
1 year ago
1.2.10
1 year ago
1.2.11
1 year ago
1.2.16
1 year ago
1.2.17
1 year ago
1.2.14
1 year ago
1.2.15
1 year ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.0.42
2 years ago
0.0.44
2 years ago
1.0.3
2 years ago
0.0.41
2 years ago
0.0.40
2 years ago
0.0.39
2 years ago
0.0.38
2 years ago
0.0.37
2 years ago
0.0.36
2 years ago
0.0.35
2 years ago
0.0.34
2 years ago
0.0.33
2 years ago