PointerBox is a BorderBox component with a caret added to it.

Default example

<PointerBox m={4} p={2} minHeight={100} bg="green.1" borderColor="green.5">

System props

PointerBox components get LAYOUT and COMMON system props. Read our System Props doc page for a full list of available props.

Component props

caretStringbottomSets the location of the caret. The format is [edge]-[position on edge]. For example, right-top will position the caret on the top of the right edge of the box. Use top, right, bottom, or left to position a caret in the center of that edge.
Edit this page on GitHub