1.8.1 • Published 2 years ago

@finastra/fab v1.8.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Fab

See it on NPM! How big is this package in your project? Storybook

Usage

The FAB (aka Floating Action Button) is a button that appears in front of all screen content.

Import

npm i @finastra/fab
import '@finastra/fab';
...
<fds-fab extended gradient label="Edit" icon="edit"></fds-fab>

API

Properties

PropertyAttributeTypeDefaultDescription
densedensebooleanfalseMake the fab smaller.
disabledboolean
exitedboolean
extendedextendedbooleanfalseMake the fab extended.
gradientgradientbooleanfalseApply gradient color.
iconiconstring"add"Fab icon.
labellabelstring"Action"Label in the extended fab.
miniboolean
reducedTouchTargetboolean
ripplePromise<Ripple \| null>
showIconAtEndboolean
stylesCSSResult[]"styles"

CSS Custom Properties

PropertyTypeDefaultDescription
--fds-primarycolor"#694ED6"Primary color.
--fds-secondarycolor"#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