Chip System

TaavChip & TaavChipGroup

فیلتر، tag، انتخاب removable و interactive chip. برای انتخاب گزینه‌های فرم فقط از TaavChoiceChipGroup استفاده کنید.

import { TaavChip, TaavChipGroup } from "@repo/ui/taav/data-display";

Variants & behaviors

RTL Preview

staticloading

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`variant`	'soft' \| 'outline' \| 'solid' \| 'ghost'	soft	سبک chip
`tone`	'neutral' \| 'brand' \| 'success' \| 'warning' \| 'danger' \| 'info' \| 'purple'	neutral	نقش رنگی
`behavior`	'static' \| 'clickable' \| 'selectable' \| 'removable'	static	نوع تعامل
`selected`	boolean	false	حالت انتخاب
`onRemove`	() => void	—	حذف chip

Height mdvar(--taav-chip-height-md)

Selected ringvar(--taav-chip-selected-ring)

✕ برای انتخاب گزینه‌های فرم، TaavChip را به‌جای TaavChoiceChipGroup استفاده نکنید
✕ TaavBadge را به‌جای chip clickable استفاده نکنید