Popover

Popover is used to bring attention to specific user interface elements.

Position: Top

Position: Bottom

Position: Right

Position: Left

Footer

API References

PropTypeDefault

direction

PopoverDirection

"top-center"

icon

ComponentType

—

title / description

ReactNode

—

dismissible

boolean

true

onDismiss

() => void

—

footer

ReactNode

—

open / onOpenChange

boolean

—

children

ReactNode

—

className

string

" "

PropTypeDefault

layout

"basic""stretch""stepper""textStepper"

"basic"

cancelLabel / continueLabel

string

"Cancel" / "Continue"

onCancel / onContinue

() => void

—

step / totalSteps

number

1 / 4

className

string

" "