TTracking / 状态追踪
Tracking displays status over time as colored blocks with tooltips. Supports configurable status colors, block sizes, and gaps. / 状态追踪以色块形式展示时间轴状态,支持可配置的状态颜色、色块尺寸和间距。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
items | TrackingItem[] | [] | Tracking data |
blockSize | 'sm' | 'md' | 'lg' | 'md' | Block size |
height | number | — | Custom block height |
gap | number | 2 | Gap between blocks |
tooltipPlacement | 'top' | 'bottom' | 'top' | Tooltip direction |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TTracking } from '@gulcc/tabler-vue'
</script>
<template>
<TTracking :items="trackingData" />
</template>