TransactionResult
A component that displays the result of a transaction with an icon and message.
Installation
npm
npx maiton add transactionResult
Usage
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 |