TransactionResult
A component that displays the result of a transaction with an icon and message.
Installation
npm
npx maiton add TransactionResultUsage
import { TransactionResult } from "../components/TransactionResult";<TransactionResult type="success">
You have successfully purchased a product. Go back to the home page.
</TransactionResult>Props
The TransactionResult component extends Container, so you can pass all ContainerProps.
type
| Description | The type of transaction result |
|---|---|
| Type | "success" | "failed" | "error" |
title
| Description | The title of the transaction result |
|---|---|
| Type | string | undefined |
| Default | "success" | "failed" | "error" |
titleProps
| Description | Additional props for the title text |
|---|---|
| Type | TextProps | undefined |
childrenProps
| Description | Additional props for the children text |
|---|---|
| Type | TextProps | undefined |