FAB

A floating action button.

How to use

import React from 'react';
import {FAB} from '@gyri/native-ui-components';

const MyComponent = ({style, className}) => (
  <FAB
    style={style} 
    className={className}
    icon="plus"
    onPress={() => console.log('Pressed')}
  />
);

export default MyComponent;

Props

#	Name	Data type	Default value	Values	Description
1	style	object			Custom style object
2	className	string	''		It defined nativewind style classes.
3	icon				Icon to display for the FAB.
4	label	string			Optional label for extended FAB.
5	uppercase	boolean			Make the label text uppercased.
6	iconColor	string			Custom color for the icon and label of the FAB.
7	rippleColor				Color of the ripple effect.
8	loading	boolean			Whether to show a loading indicator.
9	size		medium	'small', 'medium', 'large'	Size of the FAB.
10	mode		elevated	'flat', 'elevated'	Mode of the FAB.

For more details https://callstack.github.io/react-native-paper/docs/components/FAB/