SwitchRow

Descriptively prompts a user to toggle a boolean.

Default

Use FaceID instead of email to login to the app.

<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
/>

<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
/>

isElevated

Use FaceID instead of email to login to the app.

Submit as an adjustment

Adjustment can be used to correct stuff. Learn more

<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
  isElevated
  isFirst
/>
<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
  isElevated
/>
<SwitchRow
  headline="Submit as an adjustment"
  value={false}
  onSwitchChange={() => {}}
  body={
    <Text style={{ color: colors.text.neutral }}>
      Adjustment can be used to correct stuff.{' '}
      <Text style={{ color: colors.action.dark }} token="3x-500">
        Learn more
      </Text>
    </Text>
  }
  isElevated
  isLast
/>

<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
  isElevated
  isFirst
/>
<SwitchRow
  headline="Login with FaceID"
  value={false}
  onSwitchChange={() => {}}
  body="Use FaceID instead of email to login to the app."
  isElevated
/>
<SwitchRow
  headline="Submit as an adjustment"
  value={false}
  onSwitchChange={() => {}}
  body={
    <Text style={{ color: colors.text.neutral }}>
      Adjustment can be used to correct stuff.{' '}
      <Text style={{ color: colors.action.dark }} token="3x-500">
        Learn more
      </Text>
    </Text>
  }
  isElevated
  isLast
/>

body

string │ element

disabled

bool

headline

string

isFirst

bool

isLast

bool

onSwitchChange

func

required

style

object

isElevated

bool

value

bool

SwitchRowWithValidation

Use this as a child of the <Form/> component. Form takes care of the value and onChange prop, so these are not required.

<Form>
  {form=> (
    <SwitchRowWithValidation
      form={form}
      label="Login with FaceID"
      name="useFaceID"
    />
  )}
</Form>

defaultValue

bool

form

object

required

isRequired

bool

label

string

required

name

string

required

onChange

func

onKeyPress

func

validationMethods

array