Skip to main content

Toast


This component is not meant to be used directly: you should use the showToast function provided by useToast instead.

Example

<Button
kind="solid"
hierarchy="primary"
label="Click to show toast!"
onPress={() =>
showToast({
kind: "informative",
message: "Informative toast",
dismissable: true,
})
}
/>

Props

NameTypeDefault ValueRequiredDescription
kind"secondary" | "informative" | "positive" | "warning" | "negative"Yes
messageChildrenYes
actionPick<Props, "label" | "onPress">No
onDismiss() => voidNo