Result

Matches Arco Result use cases with themed headings and status colors. See the Element Plus docs for props.

Result Types

Success, warning, error and info icons map to Arco statuses.

success

Review the operation result.

warning

Review the operation result.

error

Review the operation result.

info

Review the operation result.

<script setup lang="ts">
const icons = ['success', 'warning', 'error', 'info'] as const
</script>

<template>
  <el-result v-for="icon in icons" :key="icon" :icon="icon" :title="icon" sub-title="Review the operation result." style="width: 280px; max-width: 100%">
    <template #extra><el-button type="primary">Continue</el-button></template>
  </el-result>
</template>

Differences from Arco

• Status icons retain Element Plus shapes rather than Arco's line icons.