FAB
A floating action button (FAB) performs the primary, or most common, action on a screen.
It appears in front of all screen content, typically as a circular shape with an icon in its center.
Also receives all Button props.
Usage#
Props#
FAB#
Reference#
FAB#
color#
Change the color of the FAB.
| Type | Default |
|---|---|
| string | None |
placement#
FAB placement at bottom, (optional) use style in case of custom placement.
| Type | Default |
|---|---|
| "left" or "right" | None |
size#
Change Size of FAB.
| Type | Default |
|---|---|
| "small" or "large" | large |
style#
//FIXME: not in doc but available in examples
Style for FAB
| Type | Default |
|---|---|
| View style(Object) | None |
upperCase#
Transform Extended Label text to uppercase.
| Type | Default |
|---|---|
| boolean | None |
visible#
Decide the visibility of the FAB.
| Type | Default |
|---|---|
| boolean | true |