مبدِّل المحتوى
يعرض أداة تحكّم مجزّأة تتيح للمستخدمين التبديل بين الأقسام.
Loading demo: contentswitcher-real-world
التثبيت
npx sdaia-ui@latest add contentswitcher
الاستخدام
import { ContentSwitcher } from "@/components/ui/content-switcher"1<ContentSwitcher>2<ContentSwitcherItem>Tab</ContentSwitcherItem>3</ContentSwitcher>
الأمثلة
الحجم
استخدم خاصية `size` لتغيير size لـمبدِّل المحتوى.
Loading demo: contentswitcher-size
عنصران
استخدم value={2} لإنشاء محوّل بعنصرين.
Loading demo: contentswitcher-two-items
ثلاثة عناصر
المحوّل الافتراضي بثلاثة عناصر متباعدة بالتساوي.
Loading demo: contentswitcher-three-items
أربعة عناصر
استخدم value={4} للتحكّم المجزّأ بأربعة عناصر.
Loading demo: contentswitcher-four-items
بإطار
استخدم border={true} لإضافة إطار محيطي بالمحوّل.
Loading demo: contentswitcher-border