Result
A component for displaying the results of an operation (success, failure, etc.).
Basic Usage
Successfully Purchased Cloud Server
Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.
<prism-result
status="success"
title="Successfully Purchased Cloud Server"
subtitle="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.">
<div extra>
<button class="px-4 py-2 bg-blue-600 text-white rounded">Go Console</button>
<button class="px-4 py-2 border border-gray-300 rounded">Buy Again</button>
</div>
</prism-result>Error 404
404
Sorry, the page you visited does not exist.
<prism-result
status="404"
title="404"
subtitle="Sorry, the page you visited does not exist.">
<div extra>
<button class="px-4 py-2 bg-blue-600 text-white rounded">Back Home</button>
</div>
</prism-result>API
| Name | Type | Default | Description |
|---|---|---|---|
status | 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500' | 'info' | Result status |
title | string | TemplateRef<any> | - | The title |
subtitle | string | TemplateRef<any> | - | The subtitle |
icon | TemplateRef<any> | - | Custom icon template |