1.8.1 • Published 2 years 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
2 years ago
1.8.0
2 years ago
1.7.0
2 years ago
1.6.0
2 years ago
1.4.2
2 years ago
1.5.0
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.1.3
3 years ago
1.0.4
3 years ago
1.2.1
3 years ago
1.1.2
3 years ago
1.2.9
3 years ago
1.2.12
3 years ago
1.2.13
3 years ago
1.2.10
3 years ago
1.2.11
3 years ago
1.2.16
3 years ago
1.2.17
3 years ago
1.2.14
3 years ago
1.2.15
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.0.42
3 years ago
0.0.44
3 years ago
1.0.3
3 years ago
0.0.41
3 years ago
0.0.40
3 years ago
0.0.39
3 years ago
0.0.38
3 years ago
0.0.37
3 years ago
0.0.36
3 years ago
0.0.35
3 years ago
0.0.34
3 years ago
0.0.33
3 years ago