Callout
Callout component from @bungas/ui
Callout component from @bungas/ui
The Callout component from Bungas UI.
This is a callout with an arrow pointing up.
position="top"
Arrow on top
position="bottom"
Arrow on bottom
position="left"
Arrow on left
position="right"
Arrow on right
align="start"
align="center"
align="end"
arrowSize=8 (small)
Small arrow
arrowSize=12 (default)
Default arrow
arrowSize=20 (large)
Large arrow
This callout has no arrow, just the 3D raised card style.
npm install @bungas/uiimport { Callout } from "@bungas/ui"import { Callout } from "@bungas/ui"
export function Example() {
return <Callout />
}This is a callout with an arrow pointing up.
position="top"
Arrow on top
position="bottom"
Arrow on bottom
position="left"
Arrow on left
position="right"
Arrow on right
align="start"
align="center"
align="end"
arrowSize=8 (small)
Small arrow
arrowSize=12 (default)
Default arrow
arrowSize=20 (large)
Large arrow
This callout has no arrow, just the 3D raised card style.