Repeater — ردیف‌های تکرارشونده

import { Repeater } from '@tokapps/tuk/controls';

import { useState } from 'react';import { Repeater } from '@tokapps/tuk/controls';import type { RepeaterField, RepeaterRow } from '@tokapps/tuk/controls';const fields: RepeaterField[] = [  { name: 'name', label: 'نام و نام خانوادگی', validators: [{ type: 'required' }, { type: 'minLength', value: 2 }] },  { name: 'email', label: 'ایمیل', type: 'email', validators: [{ type: 'required' }, { type: 'email' }] },  { name: 'phone', label: 'تلفن همراه', type: 'tel', code: true, placeholder: '09123456789', validators: [{ type: 'phone' }] },];const [rows, setRows] = useState<RepeaterRow[]>([]);<Repeater label="اعضای تیم" fields={fields} value={rows} onChange={setRows} />

<Repeater label="اعضای تیم" fields={fields} value={rows} onChange={setRows} fieldsOrientation="horizontal" />

<Repeater label="اعضای تیم" fields={fields} value={rows} onChange={setRows} model="collapsible" min={1} max={3} />

const memberFields: RepeaterField[] = [  {    name: 'username',    label: 'نام کاربری',    code: true,    validators: [      { type: 'required' },      { type: 'pattern', value: '^[a-z0-9_]{3,20}$', message: 'فقط حروف لاتین کوچک، عدد و _ (۳ تا ۲۰ نویسه)' },      { type: 'unique', message: 'این نام کاربری تکراری است' },    ],  },];<Repeater label="نام‌های کاربری" fields={memberFields} value={rows} onChange={setRows} validateOn="blur" />