Please understand this website is built in react, the components are in react native. There may be slight differences!
Properties table
animatedScale?
boolean
Animate the scaling down effect on press.
asChild?
boolean
Render the children as a button(extensible)
block?
boolean
Fill the parent view(flex:1)
children?
React.ReactNode
Children
disabled?
boolean
Can't click on the button if true
italic?
boolean
Make the title italic
onBlur?
()=>void
Function to do when the button is blurred
onFocus?
()=>void
Function to do when the button is focused
onHover?
()=>void
Function to do when the button is hovered
onHoverOut?
()=>void
Function to do when the button is hovered out
onPress?
()=>void
Function to when the button is pressed
onPressOut?
()=>void
Function to do when the button is pressed out
rounded?
boolean
Round the button if true
size?
btnSize
Size of the button
title?
string
Title of the button
variant?
variant
Variant of the button
Library data types
btnSize
xs, sm, md, lg, xl
Button sizes with pre-defined padding and font sizes.
Variants
primary, secondary, tertiary, success, warning, error, ghost
Colors will change according to theme(light, dark). Use when it is intended.