callstack / callstack/react-native-paper

FAB.Group doesn't have an option to set the mode of the FAB of action array

Open
#3,932 0 comments 0 reactions 0 assignees View on GitHub
FAB feature request
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

I was looking through the FAB and FAB.Group components and noticed that it is not possible to set the mode of the FAB which is used for actions. What I'm trying to do is "merge" button and label so I can have one combined field for every action.

I believe this would be possible if the props of the FAB.Group would be expanded with prop called "mode", "FABmode" or something different which would then be propagated to the FAB component as `mode={mode}`. Alternatively, every action might be expanded with mode field which could be used as `mode={it.mode}`.

**This is the best I can do without setting the mode of the FAB to "flat":**
![With line](https://github.com/callstack/react-native-paper/assets/58145119/3b7aa2b5-6b02-460a-9c07-5d2eb67eb81a)

**This is what I would like to do (done with changes to the FAB.Group component):**
![Without line](https://github.com/callstack/react-native-paper/assets/58145119/acaf54cb-a291-4623-93d1-3af52e0601ce)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.