Introduction

Getting Started

Theming

Fields

Button

Properties

title

string | undefined

type

"solid" | "clear" | "outline" | undefined

solid

size

"small" | "medium" | "large" | undefined

large

icon

ReactNode

Touchable

ReactNode

Platform.select({ android: TouchableNativeFeedback, default: TouchableOpacity, })

onPress

(() => void) | undefined

() => console.info('Please attach a method to this component')

boolean | undefined

rounded

boolean | undefined

disabled

boolean | undefined

buttonStyle

object | undefined

{}

containerStyle

object | undefined

{}

titleStyle

object | undefined

{}

loadingStyle

object | undefined

activityIndicatorColor

string | undefined

Basic usage

<Button />

<Button />

Title

Click me

<Button title="Click me" />

<Button title="Click me" />

With different types

<Button type="solid" />
<Button type="outline" />
<Button type="clear" />

<Button type="solid" />
<Button type="outline" />
<Button type="clear" />

With different sizes

<Button size="large" />
<Button size="medium" />
<Button size="small" />

<Button size="large" />
<Button size="medium" />
<Button size="small" />

Enable / Disabled

<Button />
<Button disabled />

<Button />
<Button disabled />

Loading

<Button loading />
<Button type="outline" loading />

<Button loading />
<Button type="outline" loading />

Button

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Basic usage

Title

With different types

With different sizes

Enable / Disabled

Loading

Properties