IconButton | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
IconButton
IconButton consists of the Button component. It is generally used to make an Icon pressable.
Examples
Basic
Playground
Sizes
Playground
Variants
Playground
Props
icon
The icon to be used. Refer to the Icon section of the docs for the available icon options.
Type: Element
Styling
NativeBase ships with a default theme for each component. Check out the default theme of the iconButton.
Info: We can easily extend the iconButton component theme using extendTheme function as described in the documentation .
Accessibility
Use accessibilityLabel for labelling icon buttons to make sure it's announced by screen reader devices.
IconButton has a role set to .
Nativebase logo
MadeWithNativeBase