Notification

Notifications typically appear temporarily in corners, conveying information like payment and update notifications.

Filled

Light

Lighter

Dark

Stroke

With Buttons

With Secondary Button

API References

PropTypeDefault

variant

"filled""light""lighter""dark""stroke"

"stroke"

state

"error""warning""info""success""feature"

"info"

title / message

ReactNode

—

actions

{ label, onClick }[]

—

PropTypeDefault

showNotification(options)

string | number

—

Position

bottom-right

—