Button
<Button>Button text</Button>
Props
Button
Prop | Type | Default | Description |
---|---|---|---|
children | node | – | |
onPress | func | – | |
isDisabled | bool | – | |
isFullWidth | bool | true | |
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
Prop | Type | Default | Description |
---|---|---|---|
children | node | – | |
onPress | func | – | |
isDisabled | bool | – | |
isFullWidth | bool | true | |
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
Prop | Type | Default | Description |
---|---|---|---|
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
Prop | Type | Default | Description |
---|---|---|---|
children | string | – | |
onPress | func | – | |
leftIcon | node | – | |
rightIcon | node | – | |
isDisabled | bool | – |