Skip to main content

​
Basic usage

import { Button } from '@amisi/ui';

<Button onPress={handleContinue}>Continue</Button>;

​
Example

import { Button, View } from '@amisi/ui';

<View className="gap-3">
  <Button variant="primary" size="md" onPress={handleSubmit}>
    Save changes
  </Button>
  <Button variant="outline" size="md" onPress={handlePreview}>
    Preview
  </Button>
  <Button variant="ghost" isLoading>
    Loading
  </Button>
</View>;

​
Available props

  • variant: primary | secondary | outline | ghost | destructive
  • size: sm | md | lg
  • isLoading?: boolean
  • isDisabled?: boolean
  • leftIcon?: ReactNode
  • className?: string
  • Inherits PressableProps including onPress, testID, accessibilityLabel

​
Available methods and handlers

  • onPress(event): press handler from inherited PressableProps