⌘K

Button

Displays a pressable button or a component that looks like a button.

Installation

npx ghost-ui-native add button

Usage

import { Button } from '@/components/ui/button';

<Button onPress={() => {}}>Continue</Button>

Variants

<Button variant="default">Default</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="outline">Outline</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>

<Button size="sm">Small</Button>
<Button size="lg">Large</Button>
<Button size="icon" />

Text →