بطاقة إعداد أولي / إعلان مدمجة مصمّمة لتذييل الشريط الجانبي - أيقونة رئيسية، وزر إغلاق، وعنوان، ووصف، وزر دعوة للإجراء ثانوي بعرض كامل. يتضمن إغلاق البطاقة تأثير حركة بـ Motion.

إعداد حسابك

خذ الجولة وتعلّم كيفية استخدام منتجنا.

التثبيت

يمكنك إضافة مكوّن الإعلان هذا باستخدام CLI الخاص بنا أو يدويًا:

الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.

CLI

يدوي

تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.

npx boardui@latest add announcement

هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.

الاختلافات

كل جزء اختياري - استبدل أيقونة، احذف الوصف أو actionLabel، وتبديل dismissible.

الجديد في v2

المخططات البيانية، وقائمة الأوامر، وجدول بيانات جديد كلياً.

أنت جاهز تمامًا

مساحة عملك جاهزة للاستخدام.

مقعدان متبقيان في خطتك

import { RiSparklingFill } from "@remixicon/react";
{/* Custom icon */}<Announcement  icon={RiSparklingFill}  title="What's new in v2"  description="Charts, command menu, and a brand-new data table."  actionLabel="See the changelog"/>
{/* No action */}<Announcement title="You're all set" description="Your workspace is ready to go." dismissible />
{/* Title + action only */}<Announcement title="2 seats left on your plan" actionLabel="Upgrade" />

التثبيت

في الشريط الجانبي

الاختلافات