---
title: Touchable
description: Animated wrapper providing native-like tap feedback.
source_url:
  html: 'https://shopify.dev/docs/api/shop-minis/components/primitives/touchable'
  md: 'https://shopify.dev/docs/api/shop-minis/components/primitives/touchable.md'
---

# Touchable

Animated wrapper providing native-like tap feedback. You can use it instead of raw div + onClick.

#### Props

* **children**

  **React.ReactNode**

  Content to render inside the touchable area

* **onClick**

  **React.MouseEventHandler\<HTMLDivElement>**

  Click handler

* **stopPropagation**

  **boolean**

  Prevent click event from bubbling to parent elements

Examples

### Examples

* ####

  ##### tsx

  ```tsx
  import {Touchable} from '@shopify/shop-minis-react'

  export default function MyComponent() {
    const handleClick = () => {
      console.log('Touchable clicked')
    }

    return (
      <Touchable onClick={handleClick}>
        <div>Continue</div>
      </Touchable>
    )
  }
  ```

***