Components
ClickableBubble
Code

ClickableBubble

▸ ClickableBubble(props): null | ReactElement<any, string | JSXElementConstructor<any>>

Bubbles events to Clickable

Parameters

NameType
propsClickableBubbleProps & RefAttributes<HTMLDivElement (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

example.tsx
<Clickable>
 <ClickableBubble>
   <p>Clicking the text will bubble the Click event to Clickable</p>
 <ClickableBubble>
</Clickable>
import React from 'react'
import { Clickable, ClickableBubble } from '@vtex/shoreline-components'

export default function App() {
return (<>
<Clickable>
<ClickableBubble>

   <p>Clicking the text will bubble the Click event to Clickable</p>
 <ClickableBubble>
</Clickable>
</>
Open on CodeSandboxOpen Sandbox

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355

PropsProps