LogoCraftReactNative
Components

Button

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

Component preview

Component dependencies

@/craftrn-ui/components/Text

Usage

Screen.tsx
import { Button } from "@/craftrn-ui/components/Button";
 
export const Screen = () => (
  <Button onPress={() => {}} size="small" variant="secondary">
    Press me
  </Button>
);

Props

PropTypeDefault

On this page