Callout

用于醒目的显示一些文案。

基础用法

标题

内容

标题

内容

标题

内容

标题

内容

<cb-callout theme="danger" title="标题" text="内容" />
<cb-callout theme="info" title="标题" text="内容" />
<cb-callout theme="warning" title="标题" text="内容" />
<cb-callout theme="success" title="标题" text="内容" />

自定义

自定义标题

自定义内容
<cb-callout theme="info">
  <template #title>
    <h4><cb-icon name="bullhorn" /> 自定义标题</h4>
  </template>
  <h5>自定义内容</h5>
</cb-callout>

属性

参数 说明 类型 可选值 默认值
theme 风格 string success / info / warning / danger —
title 标题 string — —
text 内容 string — —

插槽

名称 说明
title 用于自定义标题。