Skip to main content

Actions


Example

Something went wrong!
<Actions
size="medium"
primaryAction={{
label: "Ok",
onPress: () =>
new Promise((resolve) => {
setTimeout(resolve, 1000)
}),
}}
secondaryAction={{
label: "Cancel",
onPress: () => window.alert("Cancel"),
}}
error="Something went wrong!"
/>

Props

NameTypeDefault ValueRequiredDescription
size"small" | "large" | "medium"No
primaryActionActionProps & { isDestructive?: boolean; }No
secondaryActionActionPropsNo
loadingMessagestringNo
errorstringNo
errorBannerWidth"content" | "fill"No

Also known as

This component may also be known in other UI libraries as ButtonGroup

Related components