IconButton

Use the IconButton as like Button component without text.

import { IconButton, COLORS } from "cherag-ui"'

Usage

Example 1

   <IconButton
      icon="heart"
      onPress={() => {
        console.log("Test IconButton component");
      }}
      size={68}
      color={COLORS.red}
    />

Example 2

   <IconButton
      icon="train-car"
      onPress={() => {
        console.log("Test IconButton component");
      }}
      size={68}
      color={COLORS.blue}
    />

󰀢

󱃋

󱎯

󰯘

󰋑

Props

IconButton propertics

Name

Type

Description

style

StyleProp<ViewStyle>

Style of IconButton.

icon

string

Name of icon, import from React-Native-Vector-Icon/MaterialCommunityIcons.

color

string

Color of the IconButton.

size

number

Size of the IconButton.

disabled

boolean

Disable the IconButton.

onPress

(event: GestureResponderEvent) => void

Make an action of IconButton.