<script setup>

</script>

<template>
  <div class="flex">
    <KsStatus color="#D8BFD8" text="自定义颜色"/>
    <KsStatus type="success" text="成功"/>
    <KsStatus type="error" text="错误"/>
    <KsStatus type="warning" text="警告"/>
    <KsStatus type="info" text="信息"/>
    <KsStatus type="loading" text="加载中"/>
    <KsStatus type="loading" text="增加loading大小" spinSize="small"/>
    <KsStatus type="loading" text="自定义loading大小" :spinStyle="{ width: '24px' }"/>
  </div>
</template>

<style scoped lang="less">
.flex {
  display: flex;
}
.status-wrap, .loading-wrap {
  margin-right: 20px;
}
</style>

