Name	Required	Nullable	Type
children			React.Node
activeColor			string
constrainSize			boolean
defaultColor			string
disabled			boolean
disabledColor			string
disabledStyle			{}
hoverColor			string
onPress			() ⇒ void \| Promise<void>
onPressIn			() ⇒ void \| Promise<void>
onPressOut			() ⇒ void \| Promise<void>
size			"small" \| "medium" \| "large"
style			{ [key: string]: any }
textColor			string
textStyle			{}

Examples

Sizes

Small Button

Medium Button

Large Button

() => (
  <FlexRow alignItems="flex-end">
    <SecondaryButton size="small" style={{ marginRight: 10 }}>
      Small Button
    </SecondaryButton>
    <SecondaryButton size="medium" style={{ marginRight: 10 }}>
      Medium Button
    </SecondaryButton>
    <SecondaryButton size="large">Large Button</SecondaryButton>
  </FlexRow>
)

Disabled State

Hello!

() => <SecondaryButton disabled>Hello!</SecondaryButton>

Loading State

Click me!

() => <SecondaryButton onPress={resolveIn(1000)}>Click me!</SecondaryButton>