Components
/
Buttons

Button

<Button>Button text</Button>

Props

Button

PropTypeDefaultDescription
children node–
onPress func–
isDisabled bool–
isFullWidth booltrue
isLoading bool–
hasShadow bool–
leftIcon element–
rightIcon element–
size enum–a value of `lg`, `md`, or `sm`
colorScheme enum'white'a value of `white`, `translucent` or `purple`

ButtonPrimary

<ButtonPrimary>Button text</ButtonPrimary>

Props

ButtonPrimary

PropTypeDefaultDescription
children node–
onPress func–
isDisabled bool–
isFullWidth booltrue
isLoading bool–
hasShadow bool–
leftIcon element–
rightIcon element–
size enum–a value of `lg`, `md`, or `sm`
colorScheme enum'purple'a value of `purple`, `gold`, `danger`, `success`

ButtonIcon

<ButtonIcon name="LeftArrow" />

Props

ButtonIcon

PropTypeDefaultDescription
icon string'LeftArrow'name of the icon
size enum'lg'a value of `lg`, `md`, or `sm`
onPress func–
isRounded bool–
isDisabled bool–

ButtonGhost

<ButtonGhost>Button text</ButtonGhost>

Props

ButtonGhost

PropTypeDefaultDescription
children string–
onPress func–
leftIcon node–
rightIcon node–
isDisabled bool–