标签 Tag

基础用法

Tag 1

Tag 2

Tag 3

Tag 4

Tag 5

<template>
  <bp-space>
    <bp-tag v-for="(item, index) in status" :key="item" border :status="item">Tag {{ index + 1 }}</bp-tag>
  </bp-space>
</template>

<script setup lang="ts">
import { TagStatus } from "@birdpaper-ui/components";
import { ref } from "vue";

const status = ref<TagStatus[]>(["gray", "primary", "success", "warning", "danger"]);
</script>

Tag 属性

icon	图标	Component	-	-
status	状态	String	gray	-
border	是否显示边框	Boolean	-	-
closeable	是否可关闭	Boolean	-	-

Tag 事件

close

关闭触发

-

-

Tag 插槽

default

内容

-

-