title: Button

Button

Standard button component. Uses NativeWindUI <Button> primitive or a plain <Pressable> wrapper, depending on the template.

Usage

import { Pressable, Text } from "react-native";

<Pressable className="bg-primary rounded-md py-4 px-6">
  <Text className="text-primary-foreground font-bold uppercase tracking-wider">
    Add to cart
  </Text>
</Pressable>

Variants

Variant	Classes
Primary	`bg-primary text-primary-foreground`
Secondary	`border border-primary bg-transparent`
Accent	`bg-accent text-accent-foreground`
Destructive	`bg-destructive text-destructive-foreground`

Disabled state

<Pressable className="bg-primary opacity-50" disabled>
  ...
</Pressable>