LogoCraftReactNative
Components

ButtonRound

A circular button component designed for displaying an icon. Commonly used for navigation actions or action buttons.

Installation

npx @craftreactnative/ui add ButtonRound

Usage

Screen.tsx
import { ButtonRound } from '@/craftrn-ui/components/ButtonRound';
 
export const Screen = () => (
  <ButtonRound
    onPress={() => {}}
    size="small"
    renderContent={({ iconSize, iconColor }) => (
      <ChevronLeft size={iconSize} color={iconColor} />
    )}
  />
);

Props

PropTypeDefault

Dependencies

2 packages
react-native-reanimated
react-native-unistyles
Required imports
craftrn-ui/components/PressableScale

Button

A button component that supports different sizes and variants. It can be used for primary actions, secondary actions, or negative/destructive actions.

Card

A card component that displays content in a card with rounded corners.

On this page