Button

The Button component is a simple button component that can be used to trigger an action.

Basic Usage

<Button
  title="Save"
  onPress={handleSave}
  variant="primary"
/>

With Icon

import { IconCheck } from "@tabler/icons-react-native";
 
<Button
  title="Complete"
  onPress={handleComplete}
  icon={<IconCheck size={18} color="white" />}
/>

Import

import Button from "../components/Button";

Props

• title (string, Required): Button text.
• onPress (function, Required): Press handler.
• variant (“primary” | “secondary” | “tertiary”, default: “primary”): Button style.
• size (“small” | “medium” | “large”, default: “medium”)
• icon (React.Component, default: undefined)
• fullWidth (boolean, default: false)
• iconPosition (“left” | “right”, default: “left”)
• round (boolean, default: false)