TRibbon / 缎带

Ribbon adds a decorative colored ribbon to cards or containers. Supports position (side/top), bookmark style, and color variants. / 缎带为卡片或容器添加装饰性彩色角标，支持位置、书签样式和颜色变体。

Props / 属性

Prop	Type / 类型	Default / 默认值	Description / 说明
position	'start' | 'top'	'start'	Ribbon position
color	TablerColor	—	Background color
bookmark	boolean	false	Bookmark style (angled cut)

Basic Usage / 基础用法

<script setup lang="ts">
import { TRibbon } from '@gulcc/tabler-vue'
</script>

<template>
  <TRibbon color="red" position="start">NEW / 新</TRibbon>
  <TRibbon color="blue" bookmark>Featured / 精选</TRibbon>
</template>