PointerBox

A customisable bordered box with a caret pointer

React examples

Pointer box content

<PointerBox>Pointer box content</PointerBox>

<PointerBox>Pointer box content</PointerBox>

Pointer box content

<PointerBox caret="top-left">Pointer box content</PointerBox>

<PointerBox caret="top-left">Pointer box content</PointerBox>

Pointer box content

<PointerBox bg="var(--bgColor-muted)">Pointer box content</PointerBox>

<PointerBox bg="var(--bgColor-muted)">Pointer box content</PointerBox>

Pointer box content

<PointerBox sx={{borderColor: 'var(--borderColor-emphasis)'}}>Pointer box content</PointerBox>

<PointerBox sx={{borderColor: 'var(--borderColor-emphasis)'}}>Pointer box content</PointerBox>

Loading data for pointer_box...