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.js
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" />
	)
}