IconButton
An icon button is a button which displays only an icon without a label.




Usage
import * as React from 'react';
import { IconButton, MD3Colors } from 'react-native-paper';
const MyComponent = () => (
<IconButton
icon="camera"
iconColor={MD3Colors.error50}
size={20}
onPress={() => console.log('Pressed')}
/>
);
export default MyComponent;
Props
mode
Available in v5.x with theme version 3
Type:
'outlined' | 'contained' | 'contained-tonal'
Mode of the icon button. By default there is no specified mode - only pressable icon will be rendered.
selected
Available in v5.x with theme version 3
Type:
boolean
Default value:
false
Whether icon button is selected. A selected button receives alternative combination of icon and container colors.
Type:
boolean
Whether the button is disabled. A disabled button is greyed out and onPress
is not called on touch.
Type:
string
Accessibility label for the button. This is read by the screen reader when the user taps the button.
Type:
React.RefObject<View>
Type:
ThemeProp
...TouchableRipple props
Edit this page