​
Button Types

There are three types of Button components in ExpoShip codebase

  • Primary Button
  • Outline Button
  • Ghost Button

You can find these buttons at /components folder.

​
Usage

You can use these buttons like this:

Buttons.tsx
import PrimaryButton from '@/components/PrimaryButton';
import OutlineButton from '@/components/OutlineButton';
import GhostButton from '@/components/GhostButton';
 
const handlePress = () => alert('Button Pressed!');
 
export default function button() {
	return (
		<PrimaryButton onPress={handlePress} title="Save" />
		<OutlineButton onPress={handlePress} title="Edit" />
		<GhostButton onPress={handlePress} title="Delete" />
	)
}

​
Button Types

There are three types of Button components in ExpoShip codebase

  • Primary Button
  • Outline Button
  • Ghost Button

You can find these buttons at /components folder.

​
Usage

You can use these buttons like this:

Buttons.tsx
import PrimaryButton from '@/components/PrimaryButton';
import OutlineButton from '@/components/OutlineButton';
import GhostButton from '@/components/GhostButton';
 
const handlePress = () => alert('Button Pressed!');
 
export default function button() {
	return (
		<PrimaryButton onPress={handlePress} title="Save" />
		<OutlineButton onPress={handlePress} title="Edit" />
		<GhostButton onPress={handlePress} title="Delete" />
	)
}