Skip to Content
ComponentsButtonHorizontal

ButtonHorizontal

The ButtonHorizontal component is a horizontal button with icon, text, and chevron arrow for navigation or actions.

ButtonHorizontal

Basic Usage

<ButtonHorizontal
  title="Add to library"
  icon={<IconLibrary size={24} color={Colors.primary} />}
  onPress={handlePress}
/>
import { IconSettings } from "@tabler/icons-react-native";
 
<ButtonHorizontal
  title="Settings"
  icon={<IconSettings size={24} color={Colors.primary} />}
  onPress={() => router.push('/settings')}
/>

Import

import ButtonHorizontal from "../components/ButtonHorizontal";

Props

  • title (string, Required): Button text label.
  • icon (React.Component, Required): Icon component displayed on left.
  • onPress (function, Required): Function called when button is pressed.
ButtonButtonQuickAction