Toggle

نصب

pnpm dlx @simurgh-ui/cli add toggle

import { Toggle } from '@simurgh-ui/react/toggle';
import { Toggle as VueToggle } from '@simurgh-ui/vue/toggle';
import { ToggleComponent } from '@simurgh-ui/angular/toggle';
import '@simurgh-ui/styles/toggle.css';

پیش‌نمایش واقعی

Live component Toggle ◆

BIU

استفاده

React

<Toggle defaultPressed onPressedChange={setBold}>ضخیم</Toggle>

Vue

<Toggle v-model="bold">ضخیم</Toggle>

Angular

<simurgh-toggle [(pressed)]="bold">ضخیم</simurgh-toggle>

Toggle یک انتخاب مستقل روشن یا خاموش را نمایش می‌دهد. رفتار صفحه‌کلید دکمهٔ بومی حفظ می‌شود و حالت از راه aria-pressed و data-state در دسترس است. در حالت کنترل‌شده، هر تغییر را در state برنامه ذخیره کنید. برای چند انتخاب مرتبط با جابه‌جایی focus از Toggle Group استفاده کنید.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.