Skip to content

Commit 5a67bbe

Browse files
authored
feat: add ability to add styles to the action-wrapper in FABGroup (#4657)
1 parent 53ca1f6 commit 5a67bbe

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/components/FAB/FABGroup.tsx

Lines changed: 3 additions & 0 deletions
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;
@@ -412,6 +414,7 @@ const FABGroup = ({
412414
<View
413415
key={i} // eslint-disable-line react/no-array-index-key
414416
style={[
417+
it.wrapperStyle,
415418
styles.item,
416419
{
417420
marginHorizontal,

0 commit comments

Comments
 (0)