@alicloud/xconsole-rc-result

为阿里云控制台提供结果页组件

Usage no npm install needed!

<script type="module">
  import alicloudXconsoleRcResult from 'https://cdn.skypack.dev/@alicloud/xconsole-rc-result';
</script>

README

@alicloud/xconsole-rc-result

为阿里云控制台提供结果页组件

Usage

import React, { Fragmengt } from 'react';
import Result from '@alicloud/xconsole-rc-result';
import Info from '@alicloud/console-components-info';
import { Button } from '@alicloud/console-components';

export default () => (
  <Result
    type="success"
    title="创建成功，标题居左对齐"
    description="描述内容，文案居左对齐，宽度根据文字内容自适应"
    actions={(
      <Fragment>
        <Button type="primary">去列表查看</Button>
        <Button>再次创建</Button>
      </Fragment>
    )}
  >
    <Info title="相关链接" />
  </Result>
)

APIs

参数 类型 说明
type type: 'success' 'warning'
title title?: React.ReactNode; 定义结果标题。
description description?: React.ReactNode; 定义结果描述。
actions actions?: React.ReactNode; 定义操作区域。
children children?: React.ReactNode; 自定义部分。