Glowup
ACTIONS · 16 / 89
FAB
FAB — a Material You actions component for React Native and web.
packages/ui/src/components/FAB.tsx
Live demo
360
720
Full
Properties
5 controls
Icon
Label (extended)
Size
Regular
Position
Bottom Right
Disabled
Usage
FAB.tsx
<
FAB
icon
=
"plus"
label
=
"Create"
/>
Variants
The states and shapes this component is meant to be used in.
On a surface
Invoices
14 open · 3 overdue
INV-2043 · Acme Inc. · €1,280.00
INV-2042 · Vento Lab · €640.00
Sizes
Extended
New invoice
Upload
Positions
All four corners are anchored
top-left · top-right · bottom-left · bottom-right
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
9 on FABProps
Filter props
icon
required
MaterialCommunityIconsGlyphs
onPress
required
() => void
disabled
boolean
feedback
boolean
default: true
Report the press to `ThemeProvider`'s `onInteractionFeedback` (haptics). Defaults to true.
label
string
placement
FABPlacement
default: "floating"
position
FABPosition
default: "bottom-right"
size
FABSize
default: "regular"
style
StyleProp<ViewStyle>
Previous
ChipGroup
Next
AnimatedFAB