Component

Button

A pressable action with six variants, five sizes, and a spring-backed tap response that scales down slightly on press and springs back on release.

Standalone

button.tsx

<NativeButton label="Continue" variant="primary" size="lg" />

Example

Below a warning banner, a tinted Retry button handles the recovery action while the banner carries the inline message.

The request was sent but could not be confirmed. Tap below to retry.

button-example.tsx

<NativeInfoBanner
  variant="warning"
  message="The request was sent but could not be confirmed. Tap below to retry."
/>
<NativeButton
  label="Retry"
  variant="tinted"
  size="md"
  loading={isPending}
  onPress={retry}
/>

Capabilities

Prop	Type	Description
labelrequired	string	-
variant	NativeButtonVariant	-
size	NativeButtonSize	-
loading	boolean	-
spinnerColor	string	-
disabled	boolean	-
fullWidth	boolean	-
icon	React.ReactNode	-
onPress	() => void	-
to	string	-
type	"button" \| "submit" \| "reset"	-
className	string	-