Action

badgeText

string

badgeVariant

'error' | 'info' | 'warning' | 'neutral' | 'red' | 'orange' | 'green' | 'blue' | 'success'

'info'

fullWidth

boolean

false

hint

string | undefined

href

string | undefined

inverted

boolean

false

iconLeft

IconName | undefined

iconRight

IconName | undefined

testID

string

null

className

string | undefined

null

standalone
true removes paddings for use in other components

boolean

false

opensInNewWindow

boolean

false

children

ReactNode

…
eg. rel, ref, target

JSX.IntrinsicElements["a"]| JSX.IntrisicElements["button"]

title (required)

string

body

string | ReactElement

onPressCloseButton

Function

onPressActionButton

Function

onPressIndicator

Function

onMount

Function

ctaVariant

'surface' | 'destructive' | 'outline' | 'outline-variant' | undefined

image

number | ImageURISource | ImageURISource[]

buttonTitle

string

actionIconName

IconName | undefined

'chevron-right-small'

accessibilityLabel

string

'image'

inverted

boolean

false

inline

boolean

false

testID

string

accessibilityRole

AccessibilityRole

accessibilityLabel

string

accessibilityHint

string

iconLeft

IconName

iconRight

IconName

inverted

boolean

false

onPress

Function

fullWidth

boolean

false

ref

Ref<View>

testID

string

inList

boolean

false

standalone

booean

false

badgeText

string

badgeVariant

'info' | 'warning' | 'error' | 'success' | 'neutral'

hint

string

Text and icon color

color.surface.onsurface

Text and icon color (inverted variant)

color.brand.onbrand

Text font weight

font.family.bold

Text font size

font.size.md

Text line height

font.lineheight.md

Padding

space.100