Button

Types Primitives

Text Component

Demo

Shows a button component.

Installation

CLI

npx @react-native-reusables/cli@latest add button

Manual

Dependencies

Before copy/pasting, add the text component to your project.

Copy/paste the following code to ~/components/ui/button.tsx

Usage

import { Button } from '~/components/ui/button';
import { Text } from '~/components/ui/text';

function Example() {
  return (
      <Button>
        <Text>Default</Text>
      </Button>
  );
}

Props

Button

Extends Pressable props

Prop	Type	Note
variant	’default’ | ‘destructive’ | ‘secondary’ | ‘link’ | ‘outline’ | ‘ghost’	(optional)
size	’default’ | ‘sm’ | ‘lg’ | ‘icon’	(optional)