Components
Pressable

Pressable

Pressable handles press interactions across mouse, touch, keyboard, and screen readers.

No preview available for pressable

Import

import { Pressable } from '@ark-ui/react'

Usage

The Pressable component consists only of the Pressable component.

<Pressable onPress={() => alert('onPress')}>Press me</Pressable>

Long Press

onLongPress is called when the element has been pressed for 500 milliseconds.

<Pressable onLongPress={() => alert('onLongPress')}>Press me long</Pressable>

Disabled

To disable a pressable, set the disabled prop to true.

<Pressable disabled>Disabled</Pressable>

Previous

Presence