<template>
    <div class="ht-base-alert-closable-demo">
        <ht-base-alert closable>消息提示文案</ht-base-alert>
        <ht-base-alert closable type="success">成功提示文案</ht-base-alert>
        <ht-base-alert closable type="warning">警告提示文案</ht-base-alert>
        <ht-base-alert closable type="error">错误提示文案</ht-base-alert>

        <ht-base-alert closable>
            消息提示文案
            <span slot="desc">消息提示的描述文案消息提示的描述文案消息提示的描述文案消息提示的描述文案消息提示的描述文案 </span>
        </ht-base-alert>
        <ht-base-alert closable type="success">
            成功提示文案
            <span slot="desc">成功的提示描述文案成功的提示描述文案成功的提示描述文案成功的提示描述文案成功的提示描述文案 </span>
        </ht-base-alert>
        <ht-base-alert closable type="warning">
            警告提示文案
            <span slot="desc">警告的提示描述文案警告的提示描述文案警告的提示描述文案警告的提示描述文案警告的提示描述文案 </span>
        </ht-base-alert>
        <ht-base-alert closable type="error">
            错误提示文案
            <span slot="desc">自定义错误描述文案自定义错误描述文案自定义错误描述文案自定义错误描述文案自定义错误描述文案 </span>
        </ht-base-alert>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseAlertClosableDemo',
  }
</script>
<style>
    .ht-base-alert-closable-demo {

    }
</style>

