Glowup
ACTIONS · 13 / 89
IconButton
IconButton — a Material You actions component for React Native and web.
󱀫
packages/ui/src/components/IconButton.tsx
Live demo
Properties
6 controls
Icon
Mode
Standard
󰍝
Size
Medium
󰍝
Selected
Loading
Disabled
Usage
IconButton.tsx
<IconButton icon="heart-outline" />
Variants
The states and shapes this component is meant to be used in.
Modes
standard
filled
tonal
outlined
Sizes
small
medium
large
States
default
selected
loading
disabled
In a toolbar
Component audit.xlsx
Shared drive · 2.4 MB
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
11 on IconButtonProps
Filter props
󰍉
accessibilityLabel
required
string
Required: an icon alone carries no accessible name.
icon
required
MaterialCommunityIconsGlyphs
disabled
boolean
feedback
boolean
default: true
Report the press (a toggle when `selected` is set) to `ThemeProvider`'s `onInteractionFeedback` (haptics). Defaults to true.
loading
boolean
mode
IconButtonMode
default: "standard"
M3 icon-button container styles. Defaults to `"standard"`.
onPress
() => void
selected
boolean
Renders the M3 "selected" container of a toggle icon button.
size
IconButtonSize
default: "medium"
style
StyleProp<ViewStyle>
testID
string
󰅁
Previous
ProgressButton
Next
Chip
󰅂