REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Layout

Pressable

A styled pressable wrapper with built-in press and hover state styles.

Example

Preview

Code

Props

Pressable Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the pressable area.

onPress

() => void

—

Callback invoked when the pressable is pressed.

disabled

boolean

false

When true, disables the pressable and dims its appearance.

Usage Guidelines

When to use

Use Pressable for custom interactive areas that need press feedback but are not standard buttons.

Best practices

•

Use Pressable for custom interactive areas; prefer Button for standard actions.

•

Provide visual press feedback via NativeWind active/hover classes.

•

Always include an onPress handler or use accessibilityRole to communicate interactivity.

Accessibility

Pressable supports accessibilityRole and accessibilityState. Set role="button" for pressable areas that behave like buttons.

Related Components

Button

A compound interactive button component with text, icon, and spinner sub-components, supporting multiple actions, variants, and sizes.

IconButton

A button designed for icon-only actions without text.

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License