Skip to content

Commit a91a4c8

Browse files
ChenBrilukewalczak
authored andcommitted
feat: enable adding styles to the action-wrapper in FABGroup (#4657)
1 parent 53ca1f6 commit a91a4c8

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/components/FAB/FABGroup.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ export type Props = {
3535
* - `accessibilityHint`: accessibility hint for the action
3636
* - `style`: pass additional styles for the fab item, for example, `backgroundColor`
3737
* - `containerStyle`: pass additional styles for the fab item label container, for example, `backgroundColor` @supported Available in 5.x
38+
* - `wrapperStyle`: pass additional styles for the wrapper of the action item.
3839
* - `labelStyle`: pass additional styles for the fab item label, for example, `fontSize`
3940
* - `labelMaxFontSizeMultiplier`: specifies the largest possible scale a title font can reach.
4041
* - `onPress`: callback that is called when `FAB` is pressed (required)
@@ -53,6 +54,7 @@ export type Props = {
5354
accessibilityHint?: string;
5455
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
5556
containerStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
57+
wrapperStyle?: StyleProp<ViewStyle>;
5658
labelStyle?: StyleProp<TextStyle>;
5759
labelMaxFontSizeMultiplier?: number;
5860
onPress: (e: GestureResponderEvent) => void;
@@ -416,6 +418,7 @@ const FABGroup = ({
416418
{
417419
marginHorizontal,
418420
},
421+
it.wrapperStyle,
419422
]}
420423
pointerEvents={open ? 'box-none' : 'none'}
421424
accessibilityRole="button"

0 commit comments

Comments
 (0)