EmployeeListItem

Used to represent an item in a list of Employees. This component expects to be placed in a view with 'xxlarge' padding.

Homer Simpson

Full time

Herschel Krustofsky

Bob Roberts

Hans Moleman

incomplete - tap to edit

<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Homer Simpson"
  isFirst
  secondaryText="Full time"
/>
<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Herschel Krustofsky"
/>
<EmployeeListItem onPress={() => console.log('hello')} name="Bob Roberts" />
<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Hans Moleman"
  isDisabled
  isLast
  secondaryText={'incomplete - tap to edit'}
/>

<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Homer Simpson"
  isFirst
  secondaryText="Full time"
/>
<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Herschel Krustofsky"
/>
<EmployeeListItem onPress={() => console.log('hello')} name="Bob Roberts" />
<EmployeeListItem
  onPress={() => console.log('hello')}
  name="Hans Moleman"
  isDisabled
  isLast
  secondaryText={'incomplete - tap to edit'}
/>

Props

isDisabled

bool

isFirst

bool

isLast

bool

name

string

required

onPress

func

required

secondaryText

string

testID

string