Variable: IconButton

const IconButton: ForwardRefExoticComponent<Omit<WithStyledProps<PressableProps>, "styled"> & object & object & object & RefAttributes<View>>

Defined in: packages/@mapples/ui/src/components/inputs/IconButton/IconButton.tsx:68

A customizable icon button component with SVG support.

The IconButton component displays an SVG icon that can be pressed. It supports both remote SVG URIs and fallback mock icons, with comprehensive styling support for both the button container and the icon.

Example

<IconButton
  uri="https://example.com/icon.svg"
  onPress={() => console.log('Icon pressed')}
  styled={{
    style: {
      width: 48,
      height: 48,
      backgroundColor: 'lightblue',
      borderRadius: 24,
    },
    styleSvg: {
      width: 24,
      height: 24,
      color: 'blue',
    },
  }}
/>

Example​

Example