Skip to content

TImageCheck / 图片选择

ImageCheck provides image-based selection (radio/checkbox style). Supports grid layout, aspect ratio control, and avatar mode. / 图片选择组件以图片卡片形式提供单选或多选,支持网格布局、比例控制和头像模式。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
multiplebooleanfalseMulti-select (checkbox)
colsnumber (1-6)Columns per row
aspectRatiostring'1 / 1'Image aspect ratio
optionsImageCheckOption[]Option list

Basic Usage / 基础用法

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

const selected = ref('opt1')
</script>

<template>
  <TImageCheck v-model="selected" :cols="3" />
</template>