> ## Documentation Index
> Fetch the complete documentation index at: https://docs.napps.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Touchable

`touchable` makes arbitrary content pressable without imposing button styling.

## Properties

| Property   | Accepted value     | Description                                  |
| ---------- | ------------------ | -------------------------------------------- |
| `onClick`  | `() => void`       | Called when the content is pressed.          |
| `disabled` | `boolean`          | Prevents presses when `true`.                |
| `style`    | `StyleProperties`  | Layout, appearance, and transform values.    |
| `children` | `ReactNode`        | Content that receives the press interaction. |
| `key`      | `string \| number` | React key for dynamic touchables.            |
| `class`    | `string`           | Registered style name for this node only.    |

## Example

```tsx theme={null}
<touchable
  onClick={() => setExpanded((value) => !value)}
  disabled={isLoading}
  style={{ padding: 16, borderRadius: 12, backgroundColor: "#f2f4f7" }}
>
  <row style={{ horizontalAlignment: "center" }}>
    <text style={{ weight: 1, fontWeight: 600 }}>More details</text>
    <text>{isExpanded ? "−" : "+"}</text>
  </row>
</touchable>
```

Use `gestureDetector` with shared values when pressed feedback needs a reliable native gesture
lifecycle, movement, velocity, or animation. For a non-animated selected state, update the style
directly from React state.