---
order: 0
title: Structure
---

结构包含 `处理结果`，`补充信息` 以及 `操作建议` 三个部分，其中 `处理结果` 由 `提示图标`，`标题` 和 `结果描述` 组成。

```ts
import { Component } from '@angular/core';

@Component({
    selector: 'app-demo',
    template: `
<result
    type="success"
    [title]="title"
    [description]="description"
    extra="其他补充信息，自带灰底效果">
    <ng-template #title><div style="background:#7dbcea; color: #fff;">标题</div></ng-template>
    <ng-template #description><div style="background:rgba(16, 142, 233, 1); color: #fff;">结果描述</div></ng-template>
    <div style="background: #3ba0e9; color:#fff">操作建议，一般放置按钮组</div>
</result>
    `
})
export class DemoComponent {
}
```